semantic-ui-sass 1.7.3.0 → 1.8.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +4 -0
- data/app/assets/javascripts/semantic-ui/api.js +22 -11
- data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
- data/app/assets/javascripts/semantic-ui/dropdown.js +204 -105
- data/app/assets/javascripts/semantic-ui/form.js +259 -43
- data/app/assets/javascripts/semantic-ui/popup.js +4 -3
- data/app/assets/javascripts/semantic-ui/search.js +310 -152
- data/app/assets/javascripts/semantic-ui/sidebar.js +18 -7
- data/app/assets/javascripts/semantic-ui/sticky.js +1 -1
- data/app/assets/javascripts/semantic-ui/transition.js +35 -23
- data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +31 -1
- data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +21 -20
- data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_button.scss +15 -3
- data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_header.scss +70 -31
- data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_label.scss +11 -8
- data/app/assets/stylesheets/semantic-ui/elements/_list.scss +9 -19
- data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +7 -7
- data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +55 -28
- data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +5 -2
- data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -1
- data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1557 -538
- data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
- data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
- data/lib/semantic/ui/sass/version.rb +2 -2
- metadata +2 -2
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI - 1.
|
2
|
+
* # Semantic UI - 1.8.0
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -28,20 +28,25 @@
|
|
28
28
|
text-transform: none;
|
29
29
|
color: rgba(0, 0, 0, 0.8);
|
30
30
|
}
|
31
|
+
.ui.header:first-child {
|
32
|
+
margin-top: -0.165em;
|
33
|
+
}
|
34
|
+
.ui.header:last-child {
|
35
|
+
margin-bottom: 0em;
|
36
|
+
}
|
37
|
+
|
38
|
+
/*--------------
|
39
|
+
Sub Header
|
40
|
+
---------------*/
|
41
|
+
|
31
42
|
.ui.header .sub.header {
|
32
|
-
font-size: 1.0714rem;
|
33
43
|
font-weight: normal;
|
34
44
|
margin: 0em;
|
35
45
|
padding: 0em;
|
46
|
+
font-size: 1.1428rem;
|
36
47
|
line-height: 1.2em;
|
37
48
|
color: rgba(0, 0, 0, 0.5);
|
38
49
|
}
|
39
|
-
.ui.header:first-child {
|
40
|
-
margin-top: -0.165em;
|
41
|
-
}
|
42
|
-
.ui.header:last-child {
|
43
|
-
margin-bottom: 0em;
|
44
|
-
}
|
45
50
|
|
46
51
|
/*--------------
|
47
52
|
Icon
|
@@ -78,27 +83,6 @@
|
|
78
83
|
vertical-align: middle;
|
79
84
|
}
|
80
85
|
|
81
|
-
/*--------------
|
82
|
-
Content Heading
|
83
|
-
---------------*/
|
84
|
-
|
85
|
-
.ui.tiny.header {
|
86
|
-
font-size: 1em;
|
87
|
-
}
|
88
|
-
.ui.small.header {
|
89
|
-
font-size: 1.071em;
|
90
|
-
}
|
91
|
-
.ui.medium.header {
|
92
|
-
font-size: 1.285em;
|
93
|
-
}
|
94
|
-
.ui.large.header {
|
95
|
-
font-size: 1.714em;
|
96
|
-
}
|
97
|
-
.ui.huge.header {
|
98
|
-
min-height: 1em;
|
99
|
-
font-size: 2em;
|
100
|
-
}
|
101
|
-
|
102
86
|
/*--------------
|
103
87
|
Loose Coupling
|
104
88
|
---------------*/
|
@@ -139,6 +123,61 @@ h5.ui.header {
|
|
139
123
|
font-size: 1rem;
|
140
124
|
}
|
141
125
|
|
126
|
+
/* Sub Header */
|
127
|
+
h1.ui.header .sub.header {
|
128
|
+
font-size: 1.4285rem;
|
129
|
+
}
|
130
|
+
h2.ui.header .sub.header {
|
131
|
+
font-size: 1.1428rem;
|
132
|
+
}
|
133
|
+
h3.ui.header .sub.header {
|
134
|
+
font-size: 1.1428rem;
|
135
|
+
}
|
136
|
+
h4.ui.header .sub.header {
|
137
|
+
font-size: 1rem;
|
138
|
+
}
|
139
|
+
h5.ui.header .sub.header {
|
140
|
+
font-size: 0.9285rem;
|
141
|
+
}
|
142
|
+
|
143
|
+
/*--------------
|
144
|
+
Content Heading
|
145
|
+
---------------*/
|
146
|
+
|
147
|
+
.ui.huge.header {
|
148
|
+
min-height: 1em;
|
149
|
+
font-size: 2em;
|
150
|
+
}
|
151
|
+
.ui.large.header {
|
152
|
+
font-size: 1.714em;
|
153
|
+
}
|
154
|
+
.ui.medium.header {
|
155
|
+
font-size: 1.28em;
|
156
|
+
}
|
157
|
+
.ui.small.header {
|
158
|
+
font-size: 1.071em;
|
159
|
+
}
|
160
|
+
.ui.tiny.header {
|
161
|
+
font-size: 1em;
|
162
|
+
}
|
163
|
+
|
164
|
+
/* Sub Header */
|
165
|
+
.ui.huge.header .sub.header {
|
166
|
+
font-size: 1.4285rem;
|
167
|
+
}
|
168
|
+
.ui.large.header .sub.header {
|
169
|
+
font-size: 1.4285rem;
|
170
|
+
}
|
171
|
+
.ui.header .sub.header {
|
172
|
+
font-size: 1.1428rem;
|
173
|
+
}
|
174
|
+
.ui.small.header .sub.header {
|
175
|
+
font-size: 1rem;
|
176
|
+
}
|
177
|
+
.ui.tiny.header .sub.header {
|
178
|
+
font-size: 0.9285rem;
|
179
|
+
}
|
180
|
+
|
142
181
|
/*-------------------
|
143
182
|
Icon
|
144
183
|
--------------------*/
|
@@ -453,7 +492,7 @@ a.ui.inverted.yellow.header:hover {
|
|
453
492
|
font-size: 1.071em;
|
454
493
|
}
|
455
494
|
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
456
|
-
font-size: 1.
|
495
|
+
font-size: 1.28em;
|
457
496
|
}
|
458
497
|
.ui.large.block.header {
|
459
498
|
font-size: 1.714em;
|
@@ -517,7 +556,7 @@ a.ui.inverted.yellow.header:hover {
|
|
517
556
|
--------------------*/
|
518
557
|
|
519
558
|
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
|
520
|
-
font-size: 1.
|
559
|
+
font-size: 1.28em;
|
521
560
|
}
|
522
561
|
|
523
562
|
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI - 1.
|
2
|
+
* # Semantic UI - 1.8.0
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -212,7 +212,7 @@ a.ui.label {
|
|
212
212
|
text-align: center;
|
213
213
|
width: 3.25em;
|
214
214
|
height: 3.25em;
|
215
|
-
z-index:
|
215
|
+
z-index: 1;
|
216
216
|
-webkit-transition: border-color 0.2s ease;
|
217
217
|
transition: border-color 0.2s ease;
|
218
218
|
}
|
@@ -290,8 +290,10 @@ a.ui.label {
|
|
290
290
|
.ui.ribbon.label {
|
291
291
|
position: relative;
|
292
292
|
margin: 0em;
|
293
|
-
left: -
|
294
|
-
|
293
|
+
left: -webkit-calc( -1rem - 1.2em );
|
294
|
+
left: calc( -1rem - 1.2em );
|
295
|
+
padding-left: -webkit-calc( 1rem + 1.2em );
|
296
|
+
padding-left: calc( 1rem + 1.2em );
|
295
297
|
border-radius: 0em 0.2857rem 0.2857rem 0em;
|
296
298
|
border-color: rgba(0, 0, 0, 0.15);
|
297
299
|
}
|
@@ -313,11 +315,12 @@ a.ui.label {
|
|
313
315
|
-webkit-transform: translateX(-100%);
|
314
316
|
-ms-transform: translateX(-100%);
|
315
317
|
transform: translateX(-100%);
|
316
|
-
left: -webkit-calc(100% +
|
317
|
-
left: calc(100% +
|
318
|
+
left: -webkit-calc(100% + 1rem + 1.2em );
|
319
|
+
left: calc(100% + 1rem + 1.2em );
|
318
320
|
border-radius: 0.2857rem 0em 0em 0.2857rem;
|
319
321
|
padding-left: 0.8em;
|
320
|
-
padding-right:
|
322
|
+
padding-right: -webkit-calc( 1rem + 1.2em );
|
323
|
+
padding-right: calc( 1rem + 1.2em );
|
321
324
|
}
|
322
325
|
.ui[class*="right ribbon"].label:after {
|
323
326
|
left: auto;
|
@@ -329,7 +332,7 @@ a.ui.label {
|
|
329
332
|
}
|
330
333
|
|
331
334
|
/*-------------------
|
332
|
-
|
335
|
+
Attached
|
333
336
|
--------------------*/
|
334
337
|
|
335
338
|
.ui.top.attached.label,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI - 1.
|
2
|
+
* # Semantic UI - 1.8.0
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -777,7 +777,6 @@ ol.ui.horizontal.list li:before,
|
|
777
777
|
Relaxed
|
778
778
|
--------------------*/
|
779
779
|
|
780
|
-
.ui.relaxed.list:not(.horizontal) .list > .item,
|
781
780
|
.ui.relaxed.list:not(.horizontal) > .item {
|
782
781
|
padding-top: 0.5rem;
|
783
782
|
padding-bottom: 0.5rem;
|
@@ -792,7 +791,6 @@ ol.ui.horizontal.list li:before,
|
|
792
791
|
}
|
793
792
|
|
794
793
|
/* Very Relaxed */
|
795
|
-
.ui[class*="very relaxed"].list:not(.horizontal) .list > .item,
|
796
794
|
.ui[class*="very relaxed"].list:not(.horizontal) > .item {
|
797
795
|
padding-top: 1rem;
|
798
796
|
padding-bottom: 1rem;
|
@@ -811,36 +809,28 @@ ol.ui.horizontal.list li:before,
|
|
811
809
|
Sizes
|
812
810
|
--------------------*/
|
813
811
|
|
814
|
-
.ui.mini.list
|
815
|
-
.ui.mini.list > .item {
|
812
|
+
.ui.mini.list {
|
816
813
|
font-size: 0.71428571em;
|
817
814
|
}
|
818
|
-
.ui.tiny.list
|
819
|
-
.ui.tiny.list > .item {
|
815
|
+
.ui.tiny.list {
|
820
816
|
font-size: 0.85714286em;
|
821
817
|
}
|
822
|
-
.ui.small.list
|
823
|
-
.ui.small.list > .item {
|
818
|
+
.ui.small.list {
|
824
819
|
font-size: 0.92857143em;
|
825
820
|
}
|
826
|
-
.ui.list
|
827
|
-
.ui.list > .item {
|
821
|
+
.ui.list {
|
828
822
|
font-size: 1em;
|
829
823
|
}
|
830
|
-
.ui.large.list
|
831
|
-
.ui.large.list > .item {
|
824
|
+
.ui.large.list {
|
832
825
|
font-size: 1.14285714em;
|
833
826
|
}
|
834
|
-
.ui.big.list
|
835
|
-
.ui.big.list > .item {
|
827
|
+
.ui.big.list {
|
836
828
|
font-size: 1.28571429em;
|
837
829
|
}
|
838
|
-
.ui.huge.list
|
839
|
-
.ui.huge.list > .item {
|
830
|
+
.ui.huge.list {
|
840
831
|
font-size: 1.42857143em;
|
841
832
|
}
|
842
|
-
.ui.massive.list
|
843
|
-
.ui.massive.list > .item {
|
833
|
+
.ui.massive.list {
|
844
834
|
font-size: 1.71428571em;
|
845
835
|
}
|
846
836
|
.ui.mini.horizontal.list .list > .item,
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI - 1.
|
2
|
+
* # Semantic UI - 1.8.0
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -18,7 +18,7 @@
|
|
18
18
|
.ui.accordion,
|
19
19
|
.ui.accordion .accordion {
|
20
20
|
max-width: 100%;
|
21
|
-
font-size:
|
21
|
+
font-size: 1em;
|
22
22
|
}
|
23
23
|
.ui.accordion .accordion {
|
24
24
|
margin: 1em 0em 0em;
|
@@ -60,8 +60,8 @@
|
|
60
60
|
.ui.accordion .accordion .title .dropdown.icon {
|
61
61
|
display: inline-block;
|
62
62
|
float: none;
|
63
|
-
opacity:
|
64
|
-
width: 1.
|
63
|
+
opacity: 1;
|
64
|
+
width: 1.25em;
|
65
65
|
height: 1em;
|
66
66
|
margin: 0em 0.25rem 0em 0rem;
|
67
67
|
padding: 0em;
|
@@ -69,9 +69,9 @@
|
|
69
69
|
-webkit-transition: -webkit-transform 0.2s ease, opacity 0.2s ease;
|
70
70
|
transition: transform 0.2s ease, opacity 0.2s ease;
|
71
71
|
vertical-align: baseline;
|
72
|
-
-webkit-transform:
|
73
|
-
-ms-transform:
|
74
|
-
transform:
|
72
|
+
-webkit-transform: none;
|
73
|
+
-ms-transform: none;
|
74
|
+
transform: none;
|
75
75
|
}
|
76
76
|
|
77
77
|
/*--------------
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/*
|
2
|
-
* # Semantic UI - 1.
|
2
|
+
* # Semantic UI - 1.8.0
|
3
3
|
* https://github.com/Semantic-Org/Semantic-UI
|
4
4
|
* http://www.semantic-ui.com/
|
5
5
|
*
|
@@ -32,7 +32,8 @@
|
|
32
32
|
outline: none;
|
33
33
|
vertical-align: middle;
|
34
34
|
}
|
35
|
-
.ui.checkbox input
|
35
|
+
.ui.checkbox input[type="checkbox"],
|
36
|
+
.ui.checkbox input[type="radio"] {
|
36
37
|
position: absolute;
|
37
38
|
top: 0px;
|
38
39
|
left: 0px;
|
@@ -142,7 +143,8 @@
|
|
142
143
|
background: #f5f5f5;
|
143
144
|
border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
|
144
145
|
}
|
145
|
-
.ui.checkbox input:active ~ label
|
146
|
+
.ui.checkbox input[type="checkbox"]:active ~ label,
|
147
|
+
.ui.checkbox input[type="radio"]:active ~ label {
|
146
148
|
color: rgba(0, 0, 0, 0.8);
|
147
149
|
}
|
148
150
|
|
@@ -150,12 +152,15 @@
|
|
150
152
|
Focus
|
151
153
|
---------------*/
|
152
154
|
|
153
|
-
.ui.checkbox input:focus ~ .box:before,
|
154
|
-
.ui.checkbox input:focus ~ label:before
|
155
|
+
.ui.checkbox input[type="checkbox"]:focus ~ .box:before,
|
156
|
+
.ui.checkbox input[type="checkbox"]:focus ~ label:before,
|
157
|
+
.ui.checkbox input[type="radio"]:focus ~ .box:before,
|
158
|
+
.ui.checkbox input[type="radio"]:focus ~ label:before {
|
155
159
|
background: #f5f5f5;
|
156
160
|
border: 1px solid 1px solid rgba(39, 41, 43, 0.3);
|
157
161
|
}
|
158
|
-
.ui.checkbox input:focus ~ label
|
162
|
+
.ui.checkbox input[type="checkbox"]:focus ~ label,
|
163
|
+
.ui.checkbox input[type="radio"]:focus ~ label {
|
159
164
|
color: rgba(0, 0, 0, 0.8);
|
160
165
|
}
|
161
166
|
|
@@ -163,8 +168,10 @@
|
|
163
168
|
Active
|
164
169
|
---------------*/
|
165
170
|
|
166
|
-
.ui.checkbox input:checked ~ .box:after,
|
167
|
-
.ui.checkbox input:checked ~ label:after
|
171
|
+
.ui.checkbox input[type="checkbox"]:checked ~ .box:after,
|
172
|
+
.ui.checkbox input[type="checkbox"]:checked ~ label:after,
|
173
|
+
.ui.checkbox input[type="radio"]:checked ~ .box:after,
|
174
|
+
.ui.checkbox input[type="radio"]:checked ~ label:after {
|
168
175
|
opacity: 1;
|
169
176
|
}
|
170
177
|
|
@@ -183,8 +190,10 @@
|
|
183
190
|
|
184
191
|
.ui.disabled.checkbox .box:after,
|
185
192
|
.ui.disabled.checkbox label,
|
186
|
-
.ui.checkbox input[disabled] ~ .box:after,
|
187
|
-
.ui.checkbox input[disabled] ~ label
|
193
|
+
.ui.checkbox input[type="checkbox"][disabled] ~ .box:after,
|
194
|
+
.ui.checkbox input[type="checkbox"][disabled] ~ label,
|
195
|
+
.ui.checkbox input[type="radio"][disabled] ~ .box:after,
|
196
|
+
.ui.checkbox input[type="radio"][disabled] ~ label {
|
188
197
|
cursor: default;
|
189
198
|
opacity: 0.5;
|
190
199
|
color: #000000;
|
@@ -306,8 +315,10 @@
|
|
306
315
|
}
|
307
316
|
|
308
317
|
/* Focus */
|
309
|
-
.ui.slider.checkbox input:focus ~ .box:before,
|
310
|
-
.ui.slider.checkbox input:focus ~ label:before
|
318
|
+
.ui.slider.checkbox input[type="checkbox"]:focus ~ .box:before,
|
319
|
+
.ui.slider.checkbox input[type="checkbox"]:focus ~ label:before,
|
320
|
+
.ui.slider.checkbox input[type="radio"]:focus ~ .box:before,
|
321
|
+
.ui.slider.checkbox input[type="radio"]:focus ~ label:before {
|
311
322
|
background-color: rgba(0, 0, 0, 0.1);
|
312
323
|
border: none;
|
313
324
|
}
|
@@ -323,16 +334,22 @@
|
|
323
334
|
}
|
324
335
|
|
325
336
|
/* Active */
|
326
|
-
.ui.slider.checkbox input:checked ~ .box,
|
327
|
-
.ui.slider.checkbox input:checked ~ label
|
337
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ .box,
|
338
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ label,
|
339
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ .box,
|
340
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ label {
|
328
341
|
color: rgba(0, 0, 0, 0.8);
|
329
342
|
}
|
330
|
-
.ui.slider.checkbox input:checked ~ .box:before,
|
331
|
-
.ui.slider.checkbox input:checked ~ label:before
|
343
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:before,
|
344
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ label:before,
|
345
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ .box:before,
|
346
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ label:before {
|
332
347
|
background-color: rgba(0, 0, 0, 0.1);
|
333
348
|
}
|
334
|
-
.ui.slider.checkbox input:checked ~ .box:after,
|
335
|
-
.ui.slider.checkbox input:checked ~ label:after
|
349
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ .box:after,
|
350
|
+
.ui.slider.checkbox input[type="checkbox"]:checked ~ label:after,
|
351
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ .box:after,
|
352
|
+
.ui.slider.checkbox input[type="radio"]:checked ~ label:after {
|
336
353
|
left: 2rem;
|
337
354
|
}
|
338
355
|
|
@@ -393,14 +410,18 @@
|
|
393
410
|
left 0.3s ease 0s
|
394
411
|
;
|
395
412
|
}
|
396
|
-
.ui.toggle.checkbox input ~ .box:after,
|
397
|
-
.ui.toggle.checkbox input ~ label:after
|
413
|
+
.ui.toggle.checkbox input[type="checkbox"] ~ .box:after,
|
414
|
+
.ui.toggle.checkbox input[type="checkbox"] ~ label:after,
|
415
|
+
.ui.toggle.checkbox input[type="radio"] ~ .box:after,
|
416
|
+
.ui.toggle.checkbox input[type="radio"] ~ label:after {
|
398
417
|
left: -0.05rem;
|
399
418
|
}
|
400
419
|
|
401
420
|
/* Focus */
|
402
|
-
.ui.toggle.checkbox input:focus ~ .box:before,
|
403
|
-
.ui.toggle.checkbox input:focus ~ label:before
|
421
|
+
.ui.toggle.checkbox input[type="checkbox"]:focus ~ .box:before,
|
422
|
+
.ui.toggle.checkbox input[type="checkbox"]:focus ~ label:before,
|
423
|
+
.ui.toggle.checkbox input[type="radio"]:focus ~ .box:before,
|
424
|
+
.ui.toggle.checkbox input[type="radio"]:focus ~ label:before {
|
404
425
|
background-color: rgba(0, 0, 0, 0.1);
|
405
426
|
border: none;
|
406
427
|
}
|
@@ -413,16 +434,22 @@
|
|
413
434
|
}
|
414
435
|
|
415
436
|
/* Active */
|
416
|
-
.ui.toggle.checkbox input:checked ~ .box,
|
417
|
-
.ui.toggle.checkbox input:checked ~ label
|
437
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box,
|
438
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ label,
|
439
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ .box,
|
440
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ label {
|
418
441
|
color: #5bbd72;
|
419
442
|
}
|
420
|
-
.ui.toggle.checkbox input:checked ~ .box:before,
|
421
|
-
.ui.toggle.checkbox input:checked ~ label:before
|
443
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:before,
|
444
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:before,
|
445
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ .box:before,
|
446
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ label:before {
|
422
447
|
background-color: #5bbd72;
|
423
448
|
}
|
424
|
-
.ui.toggle.checkbox input:checked ~ .box:after,
|
425
|
-
.ui.toggle.checkbox input:checked ~ label:after
|
449
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ .box:after,
|
450
|
+
.ui.toggle.checkbox input[type="checkbox"]:checked ~ label:after,
|
451
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ .box:after,
|
452
|
+
.ui.toggle.checkbox input[type="radio"]:checked ~ label:after {
|
426
453
|
left: 2.05rem;
|
427
454
|
}
|
428
455
|
|