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.
Files changed (57) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -0
  3. data/app/assets/javascripts/semantic-ui/api.js +22 -11
  4. data/app/assets/javascripts/semantic-ui/checkbox.js +1 -1
  5. data/app/assets/javascripts/semantic-ui/dropdown.js +204 -105
  6. data/app/assets/javascripts/semantic-ui/form.js +259 -43
  7. data/app/assets/javascripts/semantic-ui/popup.js +4 -3
  8. data/app/assets/javascripts/semantic-ui/search.js +310 -152
  9. data/app/assets/javascripts/semantic-ui/sidebar.js +18 -7
  10. data/app/assets/javascripts/semantic-ui/sticky.js +1 -1
  11. data/app/assets/javascripts/semantic-ui/transition.js +35 -23
  12. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  13. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +1 -1
  14. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +31 -1
  15. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +21 -20
  16. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +1 -1
  17. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1 -1
  18. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +15 -3
  19. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +1 -1
  20. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1 -1
  21. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +70 -31
  22. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1 -1
  23. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  24. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +1 -1
  25. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +11 -8
  26. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +9 -19
  27. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +1 -1
  28. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  29. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  30. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +1 -1
  31. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +1 -1
  32. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +1 -1
  33. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +1 -1
  34. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +7 -7
  35. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +55 -28
  36. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +1 -1
  37. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +1 -1
  38. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +2 -1
  39. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  40. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +5 -2
  41. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  42. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +1 -1
  43. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  45. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +2 -1
  46. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  47. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +1 -1
  48. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1557 -538
  49. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +1 -1
  50. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +1 -1
  51. data/app/assets/stylesheets/semantic-ui/views/_card.scss +1 -1
  52. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +1 -1
  53. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +1 -1
  54. data/app/assets/stylesheets/semantic-ui/views/_item.scss +1 -1
  55. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +1 -1
  56. data/lib/semantic/ui/sass/version.rb +2 -2
  57. metadata +2 -2
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
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.285em;
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.285em;
559
+ font-size: 1.28em;
521
560
  }
522
561
 
523
562
 
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
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: 10;
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: -2rem;
294
- padding-left: 2rem;
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% + 2rem );
317
- left: calc(100% + 2rem );
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: 2rem;
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
- Attached
335
+ Attached
333
336
  --------------------*/
334
337
 
335
338
  .ui.top.attached.label,
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
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 .list > .item,
815
- .ui.mini.list > .item {
812
+ .ui.mini.list {
816
813
  font-size: 0.71428571em;
817
814
  }
818
- .ui.tiny.list .list > .item,
819
- .ui.tiny.list > .item {
815
+ .ui.tiny.list {
820
816
  font-size: 0.85714286em;
821
817
  }
822
- .ui.small.list .list > .item,
823
- .ui.small.list > .item {
818
+ .ui.small.list {
824
819
  font-size: 0.92857143em;
825
820
  }
826
- .ui.list .list > .item,
827
- .ui.list > .item {
821
+ .ui.list {
828
822
  font-size: 1em;
829
823
  }
830
- .ui.large.list .list > .item,
831
- .ui.large.list > .item {
824
+ .ui.large.list {
832
825
  font-size: 1.14285714em;
833
826
  }
834
- .ui.big.list .list > .item,
835
- .ui.big.list > .item {
827
+ .ui.big.list {
836
828
  font-size: 1.28571429em;
837
829
  }
838
- .ui.huge.list .list > .item,
839
- .ui.huge.list > .item {
830
+ .ui.huge.list {
840
831
  font-size: 1.42857143em;
841
832
  }
842
- .ui.massive.list .list > .item,
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.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
2
+ * # Semantic UI - 1.8.0
3
3
  * https://github.com/Semantic-Org/Semantic-UI
4
4
  * http://www.semantic-ui.com/
5
5
  *
@@ -1,5 +1,5 @@
1
1
  /*
2
- * # Semantic UI - 1.7.3
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: 14px;
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: 0.75;
64
- width: 1.18em;
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: rotate(0deg);
73
- -ms-transform: rotate(0deg);
74
- transform: rotate(0deg);
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.7.3
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