semantic-ui-sass 0.8.1.0 → 0.8.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/README.md +1 -1
  4. data/app/assets/javascripts/semantic-ui/dimmer.js +4 -2
  5. data/app/assets/javascripts/semantic-ui/modal.js +11 -6
  6. data/app/assets/javascripts/semantic-ui/popup.js +0 -1
  7. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +6 -2
  8. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +56 -73
  9. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +89 -53
  10. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +221 -316
  11. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -88
  12. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +83 -23
  13. data/app/assets/stylesheets/semantic-ui/elements/_basic.icon.scss +831 -187
  14. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +189 -191
  15. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +4 -22
  16. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +43 -20
  17. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +1529 -472
  18. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +145 -152
  19. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +36 -63
  20. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +120 -175
  21. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +13 -11
  22. data/app/assets/stylesheets/semantic-ui/elements/_progress.scss +33 -115
  23. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +46 -101
  24. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +35 -65
  25. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +127 -170
  26. data/app/assets/stylesheets/semantic-ui/modules/_chatroom.scss +287 -269
  27. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +42 -129
  28. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +16 -49
  29. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +54 -107
  30. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +29 -22
  31. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +112 -147
  32. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +226 -230
  33. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +20 -28
  34. data/app/assets/stylesheets/semantic-ui/modules/_reveal.scss +35 -78
  35. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +27 -44
  36. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +10 -41
  37. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +31 -60
  38. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +3 -3
  39. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +219 -451
  40. data/app/assets/stylesheets/semantic-ui/modules/_video.scss +75 -79
  41. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +21 -23
  42. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +20 -8
  43. data/app/assets/stylesheets/semantic-ui/views/_item.scss +86 -43
  44. data/app/assets/stylesheets/semantic-ui/views/_list.scss +80 -53
  45. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +6 -1
  46. data/lib/semantic/ui/sass/version.rb +2 -2
  47. data/semantic-ui-sass.gemspec +1 -1
  48. data/spec/dummy/config/application.rb +1 -1
  49. data/spec/spec_helper.rb +0 -1
  50. data/tasks/converter.rb +7 -0
  51. metadata +4 -7
  52. data/spec/dummy/config/database.yml +0 -25
@@ -17,20 +17,18 @@
17
17
  Standard
18
18
  ---------------*/
19
19
 
20
-
21
20
  /*--- Content ---*/
22
21
 
23
22
  .ui.checkbox {
24
23
  position: relative;
25
24
  display: inline-block;
26
-
27
25
  min-width: 1em;
28
26
  height: 1.25em;
29
27
  line-height: 1em;
30
-
31
28
  outline: none;
32
29
  vertical-align: middle;
33
30
  }
31
+
34
32
  .ui.checkbox input {
35
33
  position: absolute;
36
34
  top: 0px;
@@ -39,7 +37,6 @@
39
37
  outline: none;
40
38
  }
41
39
 
42
-
43
40
  /*--- Box ---*/
44
41
 
45
42
  .ui.checkbox .box,
@@ -54,44 +51,23 @@
54
51
  position: absolute;
55
52
  top: 0em;
56
53
  left: 0em;
57
-
58
54
  line-height: 1;
59
55
  width: 1em;
60
56
  height: 1em;
61
57
  left: 0em;
62
58
  content: '';
63
-
64
59
  border-radius: 4px;
65
-
66
60
  background: #FFFFFF;
67
-
68
- -webkit-transition:
69
- background-color 0.3s ease,
70
- box-shadow 0.3s ease
71
- ;
72
- -moz-transition:
73
- background-color 0.3s ease,
74
- box-shadow 0.3s ease
75
- ;
76
- -o-transition:
77
- background-color 0.3s ease,
78
- box-shadow 0.3s ease
79
- ;
80
- -ms-transition:
81
- background-color 0.3s ease,
82
- box-shadow 0.3s ease
83
- ;
84
- transition:
85
- background-color 0.3s ease,
86
- box-shadow 0.3s ease
87
- ;
88
-
61
+ -webkit-transition: background-color 0.3s ease,
62
+ -webkit-box-shadow 0.3s ease;
63
+ transition: background-color 0.3s ease,
64
+ box-shadow 0.3s ease;
89
65
  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
90
- -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
91
66
  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
92
67
  }
93
68
 
94
69
  /*--- Checkbox ---*/
70
+
95
71
  .ui.checkbox .box:after,
96
72
  .ui.checkbox label:after {
97
73
  -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=0);";
@@ -104,11 +80,10 @@
104
80
  border-top: none;
105
81
  border-right: none;
106
82
  -webkit-transform: rotate(-45deg);
107
- -moz-transform: rotate(-45deg);
108
- -o-transform: rotate(-45deg);
109
83
  -ms-transform: rotate(-45deg);
110
84
  transform: rotate(-45deg);
111
85
  }
86
+
112
87
  .ui.checkbox .box:after,
113
88
  .ui.checkbox label:after {
114
89
  top: 0.275em;
@@ -118,15 +93,13 @@
118
93
  }
119
94
 
120
95
  /*--- Inside Label ---*/
96
+
121
97
  .ui.checkbox label {
122
98
  color: rgba(0, 0, 0, 0.6);
123
-
124
99
  -webkit-transition: color 0.2s ease;
125
- -moz-transition: color 0.2s ease;
126
- -o-transition: color 0.2s ease;
127
- -ms-transition: color 0.2s ease;
128
100
  transition: color 0.2s ease;
129
101
  }
102
+
130
103
  .ui.checkbox label:hover {
131
104
  color: rgba(0, 0, 0, 0.8);
132
105
  }
@@ -136,44 +109,46 @@
136
109
  }
137
110
 
138
111
  /*--- Outside Label ---*/
112
+
139
113
  .ui.checkbox + label {
140
114
  cursor: pointer;
141
115
  opacity: 0.85;
142
116
  vertical-align: middle;
143
117
  }
118
+
144
119
  .ui.checkbox + label:hover {
145
120
  opacity: 1;
146
121
  }
147
122
 
148
-
149
123
  /*******************************
150
124
  States
151
125
  *******************************/
152
126
 
153
-
154
127
  /*--- Hover ---*/
128
+
155
129
  .ui.checkbox .box:hover::before,
156
130
  .ui.checkbox label:hover::before {
157
131
  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
158
- -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
159
132
  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
160
133
  }
161
134
 
162
135
  /*--- Down ---*/
136
+
163
137
  .ui.checkbox .box:active::before,
164
138
  .ui.checkbox label:active::before {
165
139
  background-color: #F5F5F5;
166
140
  }
167
141
 
168
142
  /*--- Focus ---*/
143
+
169
144
  .ui.checkbox input:focus + .box:before,
170
145
  .ui.checkbox input:focus + label:before {
171
146
  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
172
- -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
173
147
  box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
174
148
  }
175
149
 
176
150
  /*--- Active ---*/
151
+
177
152
  .ui.checkbox input:checked + .box:after,
178
153
  .ui.checkbox input:checked + label:after {
179
154
  -ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
@@ -182,6 +157,7 @@
182
157
  }
183
158
 
184
159
  /*--- Disabled ---*/
160
+
185
161
  .ui.disabled.checkbox + .box:after,
186
162
  .ui.checkbox input[disabled] + .box:after,
187
163
  .ui.disabled.checkbox label,
@@ -190,12 +166,10 @@
190
166
  color: rgba(0, 0, 0, 0.3);
191
167
  }
192
168
 
193
-
194
169
  /*******************************
195
170
  Variations
196
171
  *******************************/
197
172
 
198
-
199
173
  /*--------------
200
174
  Radio
201
175
  ---------------*/
@@ -204,25 +178,20 @@
204
178
  .ui.radio.checkbox label:before {
205
179
  min-width: 1em;
206
180
  height: 1em;
207
- -webkit-border-radius: 500px;
208
- -moz-border-radius: 500px;
209
181
  border-radius: 500px;
210
182
  }
183
+
211
184
  .ui.radio.checkbox .box:after,
212
185
  .ui.radio.checkbox label:after {
213
186
  border: none;
214
187
  top: 0.2em;
215
188
  left: 0.2em;
216
-
217
189
  width: 0.6em;
218
190
  height: 0.6em;
219
-
220
191
  background-color: #555555;
221
-
192
+ -webkit-transform: none;
193
+ -ms-transform: none;
222
194
  transform: none;
223
-
224
- -webkit-border-radius: 500px;
225
- -moz-border-radius: 500px;
226
195
  border-radius: 500px;
227
196
  }
228
197
 
@@ -236,92 +205,67 @@
236
205
  }
237
206
 
238
207
  /* Line */
208
+
239
209
  .ui.slider.checkbox:after {
240
210
  position: absolute;
241
211
  top: 0.5em;
242
212
  left: 0em;
243
213
  content: '';
244
-
245
214
  width: 3em;
246
215
  height: 2px;
247
216
  background-color: rgba(0, 0, 0, 0.1);
248
217
  }
249
218
 
250
219
  /* Button */
220
+
251
221
  .ui.slider.checkbox .box,
252
222
  .ui.slider.checkbox label {
253
223
  padding-left: 4em;
254
224
  }
225
+
255
226
  .ui.slider.checkbox .box:before,
256
227
  .ui.slider.checkbox label:before {
257
228
  cursor: pointer;
258
229
  display: block;
259
-
260
230
  position: absolute;
261
231
  top: -0.25em;
262
232
  left: 0em;
263
233
  z-index: 1;
264
-
265
234
  width: 1.5em;
266
235
  height: 1.5em;
267
-
268
236
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
269
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
270
237
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
271
-
272
238
  border-radius: 50rem;
273
-
274
239
  -webkit-transition: left 0.3s ease 0s;
275
- -moz-transition: left 0.3s ease 0s;
276
- -o-transition: left 0.3s ease 0s;
277
- -ms-transition: left 0.3s ease 0s;
278
240
  transition: left 0.3s ease 0s;
279
241
  }
280
242
 
281
243
  /* Button Activation Light */
244
+
282
245
  .ui.slider.checkbox .box:after,
283
246
  .ui.slider.checkbox label:after {
284
247
  opacity: 1;
285
-
286
248
  position: absolute;
287
249
  content: '';
288
250
  top: 0.15em;
289
251
  left: 0em;
290
252
  z-index: 2;
291
-
292
253
  margin-left: 0.375em;
293
-
294
254
  border: none;
295
255
  width: 0.75em;
296
256
  height: 0.75em;
297
-
298
257
  border-radius: 50rem;
299
-
258
+ -webkit-transform: none;
259
+ -ms-transform: none;
300
260
  transform: none;
301
-
302
- -webkit-transition:
303
- background 0.3s ease 0s,
304
- left 0.3s ease 0s
305
- ;
306
- -moz-transition:
307
- background 0.3s ease 0s,
308
- left 0.3s ease 0s
309
- ;
310
- -o-transition:
311
- background 0.3s ease 0s,
312
- left 0.3s ease 0s
313
- ;
314
- -ms-transition:
315
- background 0.3s ease 0s,
316
- left 0.3s ease 0s
317
- ;
318
- transition:
319
- background 0.3s ease 0s,
320
- left 0.3s ease 0s
321
- ;
261
+ -webkit-transition: background 0.3s ease 0s,
262
+ left 0.3s ease 0s;
263
+ transition: background 0.3s ease 0s,
264
+ left 0.3s ease 0s;
322
265
  }
323
266
 
324
267
  /* Selected Slider Toggle */
268
+
325
269
  .ui.slider.checkbox input:checked + .box:before,
326
270
  .ui.slider.checkbox input:checked + label:before,
327
271
  .ui.slider.checkbox input:checked + .box:after,
@@ -330,27 +274,19 @@
330
274
  }
331
275
 
332
276
  /* Off Color */
333
- // .ui.slider.checkbox .box,
334
- // .ui.slider.checkbox label {
335
- // color: #D95C5C !important;
336
- // }
277
+
337
278
  .ui.slider.checkbox .box:after,
338
279
  .ui.slider.checkbox label:after {
339
280
  background-color: #D95C5C;
340
281
  }
341
282
 
342
283
  /* On Color */
343
- // .ui.slider.checkbox input:checked + .box,
344
- // .ui.slider.checkbox input:checked + label {
345
- // color: #89B84C !important;
346
- // }
284
+
347
285
  .ui.slider.checkbox input:checked + .box:after,
348
286
  .ui.slider.checkbox input:checked + label:after {
349
287
  background-color: #89B84C;
350
288
  }
351
289
 
352
-
353
-
354
290
  /*--------------
355
291
  Toggle
356
292
  ---------------*/
@@ -365,88 +301,63 @@
365
301
  }
366
302
 
367
303
  /* Switch */
304
+
368
305
  .ui.toggle.checkbox .box:before,
369
306
  .ui.toggle.checkbox label:before {
370
307
  cursor: pointer;
371
308
  display: block;
372
-
373
309
  position: absolute;
374
310
  content: '';
375
311
  top: -0.25em;
376
312
  left: 0em;
377
313
  z-index: 1;
378
-
379
314
  background-color: #FFFFFF;
380
315
  width: 3em;
381
316
  height: 1.5em;
382
-
383
317
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
384
- -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
385
318
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
386
-
387
319
  border-radius: 50rem;
388
320
  }
389
321
 
390
322
  /* Activation Light */
323
+
391
324
  .ui.toggle.checkbox .box:after,
392
325
  .ui.toggle.checkbox label:after {
393
326
  opacity: 1;
394
-
395
327
  background-color: transparent;
396
328
  -webkit-box-shadow: none;
397
- -moz-box-shadow: none;
398
329
  box-shadow: none;
399
-
400
330
  content: '';
401
331
  position: absolute;
402
332
  top: 0.15em;
403
333
  left: 0.5em;
404
334
  z-index: 2;
405
-
406
335
  border: none;
407
336
  width: 0.75em;
408
337
  height: 0.75em;
409
-
410
338
  background-color: #D95C5C;
411
339
  border-radius: 50rem;
412
-
413
- -webkit-transition:
414
- background 0.3s ease 0s,
415
- left 0.3s ease 0s
416
- ;
417
- -moz-transition:
418
- background 0.3s ease 0s,
419
- left 0.3s ease 0s
420
- ;
421
- -o-transition:
422
- background 0.3s ease 0s,
423
- left 0.3s ease 0s
424
- ;
425
- -ms-transition:
426
- background 0.3s ease 0s,
427
- left 0.3s ease 0s
428
- ;
429
- transition:
430
- background 0.3s ease 0s,
431
- left 0.3s ease 0s
432
- ;
340
+ -webkit-transition: background 0.3s ease 0s,
341
+ left 0.3s ease 0s;
342
+ transition: background 0.3s ease 0s,
343
+ left 0.3s ease 0s;
433
344
  }
434
345
 
435
346
  /* Active */
347
+
436
348
  .ui.toggle.checkbox:active .box:before,
437
349
  .ui.toggle.checkbox:active label:before {
438
350
  background-color: #F5F5F5;
439
351
  }
440
352
 
441
353
  /* Active */
354
+
442
355
  .ui.toggle.checkbox input:checked + .box:after,
443
356
  .ui.toggle.checkbox input:checked + label:after {
444
357
  left: 1.75em;
445
358
  background-color: #89B84C;
446
359
  }
447
360
 
448
-
449
-
450
361
  /*--------------
451
362
  Sizes
452
363
  ---------------*/
@@ -454,9 +365,11 @@
454
365
  .ui.checkbox {
455
366
  font-size: 1em;
456
367
  }
368
+
457
369
  .ui.large.checkbox {
458
370
  font-size: 1.25em;
459
371
  }
372
+
460
373
  .ui.huge.checkbox {
461
374
  font-size: 1.5em;
462
375
  }
@@ -22,86 +22,59 @@
22
22
  position: absolute;
23
23
  top: 0em !important;
24
24
  left: 0em !important;
25
-
26
25
  width: 0%;
27
26
  height: 0%;
28
-
29
27
  text-align: center;
30
28
  vertical-align: middle;
31
-
32
29
  background-color: rgba(0, 0, 0, 0.85);
33
30
  opacity: 0;
34
31
  line-height: 1;
35
-
36
32
  -webkit-animation-fill-mode: both;
37
- -moz-animation-fill-mode: both;
38
- -o-animation-fill-mode: both;
39
33
  -ms-animation-fill-mode: both;
40
34
  animation-fill-mode: both;
41
-
42
35
  -webkit-animation-duration: 0.5s;
43
- -moz-animation-duration: 0.5s;
44
- -o-animation-duration: 0.5s;
45
36
  -ms-animation-duration: 0.5s;
46
37
  animation-duration: 0.5s;
47
-
48
- -webkit-transition:
49
- background-color 0.5s linear
50
- ;
51
- -moz-transition:
52
- background-color 0.5s linear
53
- ;
54
- -o-transition:
55
- background-color 0.5s linear
56
- ;
57
- -ms-transition:
58
- background-color 0.5s linear
59
- ;
60
- transition:
61
- background-color 0.5s linear
62
- ;
63
-
38
+ -webkit-transition: background-color 0.5s linear;
39
+ transition: background-color 0.5s linear;
64
40
  -webkit-user-select: none;
65
41
  -moz-user-select: none;
66
42
  -ms-user-select: none;
67
43
  user-select: none;
68
-
69
44
  -webkit-box-sizing: border-box;
70
45
  -moz-box-sizing: border-box;
71
46
  -ms-box-sizing: border-box;
72
47
  box-sizing: border-box;
73
-
74
48
  z-index: 1000;
75
49
  }
76
50
 
77
- /* Dimmer Content */;
51
+ /* Dimmer Content */
52
+
53
+ ;
78
54
  .ui.dimmer > .content {
79
55
  width: 100%;
80
56
  height: 100%;
81
57
  display: table;
82
-
83
58
  -webkit-user-select: text;
84
59
  -moz-user-select: text;
85
60
  -ms-user-select: text;
86
61
  user-select: text;
87
62
  }
63
+
88
64
  .ui.dimmer > .content > div {
89
65
  display: table-cell;
90
66
  vertical-align: middle;
91
67
  color: #FFFFFF;
92
68
  }
93
69
 
94
-
95
70
  /* Loose Coupling */
71
+
96
72
  .ui.segment > .ui.dimmer {
97
- -webkit-border-radius: 5px;
98
- -moz-border-radius: 5px;
99
73
  border-radius: 5px;
100
74
  }
75
+
101
76
  .ui.horizontal.segment > .ui.dimmer,
102
77
  .ui.vertical.segment > .ui.dimmer {
103
- -webkit-border-radius: 5px;
104
- -moz-border-radius: 5px;
105
78
  border-radius: 5px;
106
79
  }
107
80
 
@@ -136,31 +109,20 @@
136
109
 
137
110
  .ui.page.dimmer {
138
111
  position: fixed;
139
-
140
112
  -webkit-transform-style: preserve-3d;
141
- -moz-transform-style: preserve-3d;
142
113
  -ms-transform-style: preserve-3d;
143
114
  transform-style: preserve-3d;
144
-
145
115
  -webkit-perspective: 2000px;
146
- -moz-perspective: 2000px;
116
+ -ms-perspective: 2000px;
147
117
  perspective: 2000px;
148
-
149
118
  -webkit-transform-origin: center center;
150
- -moz-transform-origin: center center;
151
- -o-transform-origin: center center;
152
119
  -ms-transform-origin: center center;
153
120
  transform-origin: center center;
154
121
  }
122
+
155
123
  .ui.scrolling.page.dimmer {
156
124
  position: absolute;
157
125
  }
158
- /*
159
- body.ui.dimmed.dimmable > :not(.dimmer){
160
- -webkit-filter: #{blur(15px) grayscale(0.7)};
161
- -moz-filter: #{blur(15px) grayscale(0.7)};
162
- }
163
- */
164
126
 
165
127
  /*--------------
166
128
  Aligned
@@ -169,6 +131,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
169
131
  .ui.dimmer > .top.aligned.content > * {
170
132
  vertical-align: top;
171
133
  }
134
+
172
135
  .ui.dimmer > .bottom.aligned.content > * {
173
136
  vertical-align: bottom;
174
137
  }
@@ -180,6 +143,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
180
143
  .ui.inverted.dimmer {
181
144
  background-color: rgba(255, 255, 255, 0.85);
182
145
  }
146
+
183
147
  .ui.inverted.dimmer > .content > * {
184
148
  color: rgba(0, 0, 0, 0.8);
185
149
  }
@@ -187,6 +151,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
187
151
  /*--------------
188
152
  Simple
189
153
  ---------------*/
154
+
190
155
  /* Displays without javascript */
191
156
 
192
157
  .ui.simple.dimmer {
@@ -196,6 +161,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
196
161
  z-index: -100;
197
162
  background-color: rgba(0, 0, 0, 0);
198
163
  }
164
+
199
165
  .ui.dimmed.dimmable > .ui.simple.dimmer {
200
166
  overflow: visible;
201
167
  opacity: 1;
@@ -208,6 +174,7 @@ body.ui.dimmed.dimmable > :not(.dimmer){
208
174
  .ui.simple.inverted.dimmer {
209
175
  background-color: rgba(255, 255, 255, 0);
210
176
  }
177
+
211
178
  .ui.dimmed.dimmable > .ui.simple.inverted.dimmer {
212
- background-color: rgba(255, 255, 255, 0.85)
179
+ background-color: rgba(255, 255, 255, 0.85);
213
180
  }