Multi.scss 1022 B

123456789101112131415
  1. $horizontal-slider-thumb-width: dynamic(20px);
  2. $horizontal-slider-thumb-height: dynamic(20px);
  3. $vertical-slider-thumb-width: dynamic(20px);
  4. $vertical-slider-thumb-height: dynamic(20px);
  5. $slider-track-border-color: dynamic($neutral-color);
  6. $slider-track-background-color: dynamic(mix(#000, $neutral-light-color, 3%));
  7. $slider-thumb-background-color: dynamic($neutral-light-color);
  8. $slider-thumb-background-color-over: dynamic(mix(#fff, $slider-thumb-background-color, 70%));
  9. $slider-thumb-background-color-drag: dynamic(mix(#000, $slider-thumb-background-color, 2%));
  10. $slider-thumb-border-color: dynamic($slider-track-border-color);
  11. $slider-thumb-border-color-over: dynamic(mix($base-highlight-color, $slider-thumb-border-color, 10%));
  12. $slider-thumb-border-color-drag: dynamic(mix(#000, mix($base-highlight-color, $slider-thumb-border-color, 15%), 2%));
  13. $slider-thumb-border-color-focus: dynamic($base-color);
  14. $slider-thumb-glyph-color-focus: dynamic(mix($neutral-highlight-color, $slider-thumb-border-color-focus, 50%));