components/switch/src/_switch.css
/**
* SWITCH COMPONENT VARIABLES
*/
/* stylelint-disable max-line-length */
$switch-optimize: false !default;
$switch-width: 6em !default;
$switch-padding: $button-padding-y 0 !default;
$switch-shadow: $button-shadow !default;
$switch-radius: $button-radius;
$switch-on-text-color: $light1 !default;
$switch-on-background-color: $intent-success !default;
$switch-off-text-color: $text-color !default;
$switch-off-background-color: $light3 !default;
$switch-inner-shadow: inset 0 -0.125rem 0.6rem color-mod($shadow-color alpha(0.15)) !default;
$switch-slider-background-color: $light1;
$switch-slider-border: $button-border;
$switch-slider-inner-shadow: inset 0 -1rem 0.4rem color-mod($shadow-color alpha(0.05)) !default;
$switch-animate-in-speed: 180ms !default;
$switch-animate-out-speed: 130ms !default;
$switch-hover-slider-background-color: $light3 !default;
$switch-disabled-text-color: $button-disabled-text-color !default;
$switch-disabled-slider-background-color: $light3 !default;
$switch-disabled-border: 1px solid $button-disabled-border-color !default;
$switch-mini-width: 4.6em !default;
$switch-mini-padding: calc($button-padding-y / 2) 0 !default;
$switch-mini-slider-inner-shadow: inset 0 -0.7rem 0.4rem color-mod($shadow-color alpha(0.05)) !default;