| 1 | :root {
|
| 2 | --switch-size-m-width: 56px;
|
| 3 | --switch-size-m-radius-container: 20px;
|
| 4 | --switch-size-m-trigger: 24px;
|
| 5 | --switch-size-m-radius-trigger: 20px;
|
| 6 | --switch-size-m-inner-icon: 16px;
|
| 7 | --switch-size-m-trigger-padding-l: 8px;
|
| 8 | --switch-size-m-trigger-padding-r: 8px;
|
| 9 | --switch-size-s-width: 44px;
|
| 10 | --switch-size-s-radius-container: 20px;
|
| 11 | --switch-size-s-trigger: 20px;
|
| 12 | --switch-size-s-radius-trigger: 20px;
|
| 13 | --switch-size-s-inner-icon: 12px;
|
| 14 | --switch-size-s-trigger-padding-l: 8px;
|
| 15 | --switch-size-s-trigger-padding-r: 8px;
|
| 16 | --switch-border-width-container: 2px;
|
| 17 | --switch-text-on-left: 8px;
|
| 18 | --switch-size-s-text-on-left: 4px;
|
| 19 | --switch-text-off-right: 8px;
|
| 20 | --switch-size-s-text-off-right: 4px;
|
| 21 | --switch-border-width-trigger: 1px;
|
| 22 | --switch-normal-on-bg-color: #5584FF;
|
| 23 | --switch-hover-on-bg-color: #3E71F7;
|
| 24 | --switch-disabled-on-bg-color: #EBECF0;
|
| 25 | --switch-normal-on-trigger-bg-color: #FFFFFF;
|
| 26 | --switch-hover-on-trigger-bg-color: #FFFFFF;
|
| 27 | --switch-disabled-on-trigger-bg-color: #F7F8FA;
|
| 28 | --switch-normal-on-color-font: #FFFFFF;
|
| 29 | --switch-disabled-on-color-font: #CCCCCC;
|
| 30 | --switch-disabled-on-border-color: #C4C6CF;
|
| 31 | --switch-handle-on-border-color: transparent;
|
| 32 | --switch-on-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
| 33 | --switch-normal-off-bg-color: #EBECF0;
|
| 34 | --switch-hover-off-bg-color: #EBECF0;
|
| 35 | --switch-disabled-off-bg-color: #EBECF0;
|
| 36 | --switch-normal-off-trigger-bg-color: #FFFFFF;
|
| 37 | --switch-hover-off-trigger-bg-color: #FFFFFF;
|
| 38 | --switch-disabled-off-trigger-bg-color: #F7F8FA;
|
| 39 | --switch-handle-disabled-border-color: transparent;
|
| 40 | --switch-normal-off-color-font: #999999;
|
| 41 | --switch-disabled-off-color-font: #C4C6CF;
|
| 42 | --switch-handle-off-border-color: transparent;
|
| 43 | --switch-normal-off-border-color: #EBECF0;
|
| 44 | --switch-hover-off-border-color: #EBECF0;
|
| 45 | --switch-off-shadow: 1px 1px 3px 0px rgba(0, 0, 0, 0.12);
|
| 46 | --switch-rtl-on-shadow: -1px 0px 3px 0px rgba(0, 0, 0, 0.12);
|
| 47 | }
|