_Zoom.scss 856 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. @mixin zoom() {
  2. .esri-zoom {
  3. display: flex;
  4. flex-flow: column nowrap;
  5. &.esri-zoom--horizontal {
  6. flex-flow: row-reverse nowrap;
  7. .esri-widget--button {
  8. &:last-child {
  9. border-top: none;
  10. }
  11. &:first-child {
  12. border-left: solid 1px $border-color;
  13. }
  14. }
  15. }
  16. .esri-widget--button {
  17. box-shadow: none;
  18. &:first-child {
  19. margin-bottom: 0;
  20. }
  21. &:last-child {
  22. border-top: solid 1px $border-color;
  23. }
  24. }
  25. }
  26. [dir="rtl"] {
  27. .esri-zoom {
  28. &.esri-zoom--horizontal {
  29. .esri-widget--button {
  30. &:first-child {
  31. border-top: none;
  32. }
  33. &:last-child {
  34. border-left: solid 1px $border-color;
  35. }
  36. }
  37. }
  38. }
  39. }
  40. }
  41. @if $include_Zoom == true {
  42. @include zoom();
  43. }