react-toolbox/components/switch/_config.scss

23 lines
1.1 KiB
SCSS

$switch-color: $color-primary !default;
$switch-text-color: $color-black !default;
$switch-thumb-off-color: $palette-grey-50 !default;
$switch-track-on-color: rgba($color-primary, 0.5) !default;
$switch-track-off-color: rgba($color-black, 0.26) !default;
$switch-off-ripple-color: rgba($color-black, 0.4) !default;
$switch-on-focus-color: rgba($color-primary, 0.26) !default;
$switch-off-focus-color: rgba($color-black, 0.1) !default;
$switch-disabled-thumb-color: $palette-grey-400 !default;
$switch-disabled-track-color: rgba($color-black, 0.12) !default;
$switch-disabled-text-color: rgba($color-black, 0.26) !default;
$switch-total-height: 2.4 * $unit !default;
$switch-track-length: 3.6 * $unit !default;
$switch-track-height: 1.4 * $unit !default;
$switch-thumb-size: 2 * $unit !default;
$switch-thumb-on-color: $switch-color !default;
$switch-focus-init-size: .8 * $unit !default;
$switch-focus-size: $switch-total-height * 2 !default;
$switch-focus-diff: ($switch-focus-size - $switch-focus-init-size) / 2 !default;
$switch-ripple-duration: 650ms !default;
$switch-font-size: $font-size-small !default;
$switch-field-margin-bottom: 1.5 * $unit !default;