23
23
}
24
24
25
25
input .feedzy-toggle-round + label {
26
- width : 60 px ;
27
- height : 22 px ;
26
+ width : 2 rem ;
27
+ height : 1 rem ;
28
28
border-radius : 22px ;
29
- background-color : # ddd ;
29
+ background-color : # f1f1f1 ;
30
30
}
31
31
32
32
input .feedzy-toggle-round + label : before ,
@@ -48,27 +48,22 @@ input.feedzy-toggle-round + label:before {
48
48
}
49
49
50
50
input .feedzy-toggle-round + label : after {
51
- width : 23 px ;
52
- height : 23 px ;
51
+ width : 0.75 rem ;
52
+ height : 0.75 rem ;
53
53
border-radius : 100% ;
54
- background-color : # fff ;
55
- box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.3 );
54
+ background-color : # f6f7f7 ;
56
55
-webkit-transition : margin 0.4s ;
57
56
transition : margin 0.4s ;
58
57
}
59
58
60
59
input .feedzy-toggle-round : checked + label : before {
61
- background-color : # 44cf6c ;
60
+ background-color : # 2271b1 ;
62
61
}
63
62
64
63
input .feedzy-toggle-round : checked + label : after {
65
- margin-left : 36 px ;
64
+ margin-left : 16 px ;
66
65
}
67
66
68
- input .feedzy-toggle-round + label {
69
- padding : 2px ;
70
- background-color : # ddd ;
71
- }
72
67
73
68
input .feedzy-toggle-round + label : before ,
74
69
input .feedzy-toggle-round + label : after {
@@ -90,10 +85,10 @@ input.feedzy-toggle-round + label:before {
90
85
91
86
input .feedzy-toggle-round + label : after {
92
87
border-radius : 100% ;
93
- background-color : # fff ;
94
- box-shadow : 0 1px 3px rgba (0 , 0 , 0 , 0.3 );
88
+ background-color : # f1f1f1 ;
95
89
-webkit-transition : margin 0.4s ;
96
90
transition : margin 0.4s ;
91
+ margin-top : 1px ;
97
92
}
98
93
span .feedzy-spinner : not (.is-active ) {
99
94
display : none;
0 commit comments