slider-vars.scss

@import "../style/base";

/* Height */
$slider-height: var(--slider-height, #{size(5)});

/* Background */
$slider-bg: var(--slider-bg, #{color("primary", $default-hue, 0.3)});

/* Background of the buffer part */
$slider-bg-buffer: var(--slider-bg-buffer, #{color("primary", $default-hue, 0.6)});

/* Background of the active part */
$slider-bg-active: var(--slider-bg-active, #{color("primary")});

/* Background when disabled */
$slider-bg-disabled: var(--slider-bg-disabled, #{color("shade", $default-hue, 0.3)});

/* Background of the buffer part when disabled */
$slider-bg-buffer-disabled: var(--slider-bg-buffer-disabled, #{color("shade", $default-hue, 0.6)});

/* Background of the active part when disabled */
$slider-bg-active-disabled: var(--slider-bg-active-disabled, #{color("shade")});

/* Background of the thumb focus ring */
$slider-thumb-focus-ring-bg: var(--slider-thumb-focus-ring-bg, #{color("primary", $default-hue, 0.1)});

/* Background of the thumb */
$slider-thumb-bg: var(--slider-thumb-bg, #{color("primary")});

/* Background of the thumb when disabled */
$slider-thumb-bg-disabled: var(--slider-thumb-bg-disabled, #{color("shade")});

/* Size of the thumb focus ring when focused */
$slider-thumb-focus-ring-size: var(--slider-thumb-focus-ring-size, #{size(12)});

/* Size of the thumb */
$slider-thumb-size: var(--slider-thumb-size, #{size(12)});

/* Space between slider track and thumb label */
$slider-thumb-space: var(--slider-thumb-space, #{$spacing-m});

/* Transition of the thumb */
$slider-thumb-transition: var(--slider-thumb-transition, transform #{$transition-duration-fast} #{$transition-deceleration-curve}, box-shadow #{$transition-duration-fast} #{$transition-deceleration-curve});

/* Transform of the thumb when focused */
$slider-thumb-transform-focus: var(--slider-thumb-transform-focus, #{scale(1.2)});

/* Border radius of the thumb */
$slider-thumb-border-radius: var(--slider-thumb-border-radius, 100%);

/* Size of the thumb label */
$slider-thumb-label-size: var(--slider-thumb-label-size, #{size(30)});

/* Border radius of the thumb label */
$slider-thumb-label-border-radius: var(--slider-thumb-label-border-radius, 100%);

/* Background of the thumb label */
$slider-thumb-label-bg: var(--slider-thumb-label-bg, #{color("primary")});

/* Transition of the thumb label */
$slider-thumb-label-transition: var(--slider-thumb-label-transition, opacity #{$transition-duration-fast} #{$transition-deceleration-curve},transform #{$transition-duration-fast} #{$transition-deceleration-curve});

/* Font size of the thumb label */
$slider-thumb-label-font-size: var(--slider-thumb-label-font-size, #{$font-size-s});

/* Color of the thumb label */
$slider-thumb-label-color: var(--slider-thumb-label-color, #{color-contrast("primary")});