| 1 |
// CHECKBOX: API |
| 2 |
$eps-checkbox-size: 15px; |
| 3 |
$eps-checkbox-border-color: tints(300); |
| 4 |
$eps-checkbox-hover-border-color: darken(tints(300), $eps-hover-state-operator); |
| 5 |
$eps-checkbox-active-border-color: lighten(tints(300), $eps-active-state-operator); |
| 6 |
$eps-checkbox-border-radius: $eps-radius; |
| 7 |
$eps-checkbox-background-color: theme-colors(light); |
| 8 |
$eps-checkbox-checked-background-color: theme-colors(success); |
| 9 |
$eps-checkbox-checked-hover-background-color: darken($eps-checkbox-checked-background-color, $eps-hover-state-operator); |
| 10 |
$eps-checkbox-checked-active-background-color: lighten($eps-checkbox-checked-background-color, $eps-active-state-operator); |
| 11 |
$eps-checkbox-checked-disabled-background-color: theme-colors(disabled); |
| 12 |
$eps-checkbox-indicator-color: theme-colors(light); |
| 13 |
$eps-checkbox-indicator-border-width: 1px; |
| 14 |
$eps-checkbox-indicator-scale-unit: calc(1/4); |
| 15 |
$eps-checkbox-indicator-size-unit: ceil($eps-checkbox-indicator-scale-unit * $eps-checkbox-size) - $eps-checkbox-indicator-border-width; |
| 16 |
$eps-checkbox-indeterminate-indicator-size-unit: 7px; |
| 17 |
$eps-checkbox-error-background-color: theme-colors(danger); |
| 18 |
|
| 19 |
:root { |
| 20 |
--checkbox-border-color: #{$eps-checkbox-border-color}; |
| 21 |
--checkbox-hover-border-color: #{$eps-checkbox-hover-border-color}; |
| 22 |
--checkbox-active-border-color: #{$eps-checkbox-active-border-color}; |
| 23 |
--checkbox-background-color: #{$eps-checkbox-background-color}; |
| 24 |
--checkbox-checked-background-color: #{$eps-checkbox-checked-background-color}; |
| 25 |
--checkbox-checked-hover-background-color: #{$eps-checkbox-checked-hover-background-color}; |
| 26 |
--checkbox-checked-active-background-color: #{$eps-checkbox-checked-active-background-color}; |
| 27 |
--checkbox-checked-disabled-background-color: #{$eps-checkbox-checked-disabled-background-color}; |
| 28 |
--checkbox-indicator-color: #{$eps-checkbox-indicator-color}; |
| 29 |
--checkbox-error-background-color: #{$eps-checkbox-error-background-color}; |
| 30 |
} |
| 31 |
|
| 32 |
.eps-theme-dark { |
| 33 |
--checkbox-background-color: transparent; |
| 34 |
} |
| 35 |
|
| 36 |
// Theming: |
| 37 |
// no dark theme detected |
| 38 |
|
