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 | }
|