_maps.scss 932 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. /* Google Maps */
  2. .full-screen-maps {
  3. height: 100vh !important;
  4. }
  5. /* jQVMap */
  6. .vmap {
  7. width: 100%;
  8. min-height: 265px;
  9. > svg {
  10. margin: auto;
  11. display: flex;
  12. > g {
  13. transition: all ease-in-out .2s;
  14. }
  15. }
  16. }
  17. .jqvmap-label, .jqvmap-pin {
  18. pointer-events: none;
  19. }
  20. .jqvmap-label {
  21. position: absolute;
  22. display: none;
  23. -webkit-border-radius: 3px;
  24. -moz-border-radius: 3px;
  25. border-radius: 3px;
  26. background: #292929;
  27. color: $white-color;
  28. font-size: smaller;
  29. padding: 3px;
  30. }
  31. .jqvmap-zoomin, .jqvmap-zoomout {
  32. position: absolute;
  33. left: 10px;
  34. border-radius: 13px;
  35. background: #35cd3a;
  36. padding: 6px 7px;
  37. color: #ffffff;
  38. cursor: pointer;
  39. line-height: 10px;
  40. text-align: center;
  41. font-size: 14px;
  42. }
  43. .jqvmap-zoomin {
  44. top: 15px;
  45. }
  46. .jqvmap-zoomout {
  47. top: 45px;
  48. }
  49. .jqvmap-region {
  50. cursor: pointer;
  51. }
  52. .jqvmap-ajax_response {
  53. width: 100%;
  54. height: 500px;
  55. }