
// @require _/math/constants/variables.scss
// @require core/animations/variables.scss
// @require decorators/border_radius/variables.scss

/* BAR */

$slider-bar-color: 'gray' !default;
$slider-bar-color-force: false !default;
$slider-bar-color-basic: true !default;

$slider-bar-height: .3125em !default;

$slider-bar-border-radius: $slider-bar-height !default;

/* HIGHLIGHT */

$slider-highlight-color: 'secondary' !default;
$slider-highlight-color-force: false !default;
$slider-highlight-color-basic: true !default;

/* HANDLER */

$slider-handler-color: $slider-highlight-color !default;
$slider-handler-color-force: $slider-highlight-color-force !default;
$slider-handler-color-basic: $slider-highlight-color-basic !default;

$slider-handler-z-depth: 3 !default;
$slider-handler-z-depth-force: true !default;
$slider-handler-z-depth-basic: true !default;

$slider-handler-width: 1.25em !default;
$slider-handler-height: $slider-handler-width !default;

$slider-handler-border-radius: $circular-border-radius !default;

/* HANDLER ACTIVE */

$slider-active-handler-scale: $PHI !default;

$slider-active-handler-box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.14), 1px 1px 8px 0 rgba(0, 0, 0, 0.12), 3px 3px 3px -2px rgba(0, 0, 0, 0.4) !default; //FIXME: Shouldn't be hard coded, we are basically rotating the shadow (z-depth: 3)

/* LABEL TEXT */

$slider-label-font-size: .4375em !default;

/* ANIMATION */

$slider-animation-duration: $animation-fast !default;
