fomantic-ui-sass 2.8.8 → 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +8 -0
  3. data/app/assets/fonts/semantic-ui/brand-icons.eot +0 -0
  4. data/app/assets/fonts/semantic-ui/brand-icons.svg +41 -6
  5. data/app/assets/fonts/semantic-ui/brand-icons.ttf +0 -0
  6. data/app/assets/fonts/semantic-ui/brand-icons.woff +0 -0
  7. data/app/assets/fonts/semantic-ui/brand-icons.woff2 +0 -0
  8. data/app/assets/fonts/semantic-ui/icons.eot +0 -0
  9. data/app/assets/fonts/semantic-ui/icons.svg +245 -7
  10. data/app/assets/fonts/semantic-ui/icons.ttf +0 -0
  11. data/app/assets/fonts/semantic-ui/icons.woff +0 -0
  12. data/app/assets/fonts/semantic-ui/icons.woff2 +0 -0
  13. data/app/assets/fonts/semantic-ui/outline-icons.eot +0 -0
  14. data/app/assets/fonts/semantic-ui/outline-icons.svg +2 -2
  15. data/app/assets/fonts/semantic-ui/outline-icons.ttf +0 -0
  16. data/app/assets/fonts/semantic-ui/outline-icons.woff +0 -0
  17. data/app/assets/fonts/semantic-ui/outline-icons.woff2 +0 -0
  18. data/app/assets/javascripts/semantic-ui/accordion.js +9 -3
  19. data/app/assets/javascripts/semantic-ui/api.js +92 -33
  20. data/app/assets/javascripts/semantic-ui/calendar.js +200 -82
  21. data/app/assets/javascripts/semantic-ui/checkbox.js +20 -13
  22. data/app/assets/javascripts/semantic-ui/dimmer.js +24 -9
  23. data/app/assets/javascripts/semantic-ui/dropdown.js +250 -205
  24. data/app/assets/javascripts/semantic-ui/embed.js +13 -9
  25. data/app/assets/javascripts/semantic-ui/flyout.js +1530 -0
  26. data/app/assets/javascripts/semantic-ui/form.js +47 -41
  27. data/app/assets/javascripts/semantic-ui/modal.js +187 -83
  28. data/app/assets/javascripts/semantic-ui/nag.js +2 -2
  29. data/app/assets/javascripts/semantic-ui/popup.js +16 -22
  30. data/app/assets/javascripts/semantic-ui/progress.js +7 -4
  31. data/app/assets/javascripts/semantic-ui/rating.js +7 -3
  32. data/app/assets/javascripts/semantic-ui/search.js +47 -20
  33. data/app/assets/javascripts/semantic-ui/shape.js +3 -3
  34. data/app/assets/javascripts/semantic-ui/sidebar.js +140 -43
  35. data/app/assets/javascripts/semantic-ui/site.js +1 -1
  36. data/app/assets/javascripts/semantic-ui/slider.js +78 -63
  37. data/app/assets/javascripts/semantic-ui/state.js +2 -2
  38. data/app/assets/javascripts/semantic-ui/sticky.js +30 -19
  39. data/app/assets/javascripts/semantic-ui/tab.js +24 -6
  40. data/app/assets/javascripts/semantic-ui/toast.js +67 -33
  41. data/app/assets/javascripts/semantic-ui/transition.js +27 -22
  42. data/app/assets/javascripts/semantic-ui/visibility.js +5 -5
  43. data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss +1 -1
  44. data/app/assets/stylesheets/semantic-ui/collections/_form.scss +160 -83
  45. data/app/assets/stylesheets/semantic-ui/collections/_grid.scss +25 -21
  46. data/app/assets/stylesheets/semantic-ui/collections/_menu.scss +110 -78
  47. data/app/assets/stylesheets/semantic-ui/collections/_message.scss +43 -43
  48. data/app/assets/stylesheets/semantic-ui/collections/_table.scss +1684 -272
  49. data/app/assets/stylesheets/semantic-ui/elements/_button.scss +204 -157
  50. data/app/assets/stylesheets/semantic-ui/elements/_container.scss +98 -4
  51. data/app/assets/stylesheets/semantic-ui/elements/_divider.scss +31 -31
  52. data/app/assets/stylesheets/semantic-ui/elements/_emoji.scss +10799 -8841
  53. data/app/assets/stylesheets/semantic-ui/elements/_flag.scss +1021 -915
  54. data/app/assets/stylesheets/semantic-ui/elements/_header.scss +6 -4
  55. data/app/assets/stylesheets/semantic-ui/elements/_icon.scss +2110 -2061
  56. data/app/assets/stylesheets/semantic-ui/elements/_image.scss +1 -1
  57. data/app/assets/stylesheets/semantic-ui/elements/_input.scss +759 -22
  58. data/app/assets/stylesheets/semantic-ui/elements/_label.scss +72 -68
  59. data/app/assets/stylesheets/semantic-ui/elements/_list.scss +31 -31
  60. data/app/assets/stylesheets/semantic-ui/elements/_loader.scss +352 -352
  61. data/app/assets/stylesheets/semantic-ui/elements/_placeholder.scss +33 -33
  62. data/app/assets/stylesheets/semantic-ui/elements/_rail.scss +1 -1
  63. data/app/assets/stylesheets/semantic-ui/elements/_reveal.scss +1 -1
  64. data/app/assets/stylesheets/semantic-ui/elements/_segment.scss +118 -34
  65. data/app/assets/stylesheets/semantic-ui/elements/_step.scss +32 -32
  66. data/app/assets/stylesheets/semantic-ui/elements/_text.scss +1 -1
  67. data/app/assets/stylesheets/semantic-ui/globals/_reset.scss +5 -4
  68. data/app/assets/stylesheets/semantic-ui/globals/_site.scss +139 -42
  69. data/app/assets/stylesheets/semantic-ui/modules/_accordion.scss +177 -37
  70. data/app/assets/stylesheets/semantic-ui/modules/_calendar.scss +18 -1
  71. data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss +93 -92
  72. data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss +33 -18
  73. data/app/assets/stylesheets/semantic-ui/modules/_dropdown.scss +101 -51
  74. data/app/assets/stylesheets/semantic-ui/modules/_embed.scss +5 -5
  75. data/app/assets/stylesheets/semantic-ui/modules/_flyout.scss +592 -0
  76. data/app/assets/stylesheets/semantic-ui/modules/_modal.scss +37 -6
  77. data/app/assets/stylesheets/semantic-ui/modules/_nag.scss +1 -1
  78. data/app/assets/stylesheets/semantic-ui/modules/_popup.scss +103 -105
  79. data/app/assets/stylesheets/semantic-ui/modules/_progress.scss +1 -1
  80. data/app/assets/stylesheets/semantic-ui/modules/_rating.scss +7 -46
  81. data/app/assets/stylesheets/semantic-ui/modules/_search.scss +6 -6
  82. data/app/assets/stylesheets/semantic-ui/modules/_shape.scss +1 -1
  83. data/app/assets/stylesheets/semantic-ui/modules/_sidebar.scss +23 -9
  84. data/app/assets/stylesheets/semantic-ui/modules/_slider.scss +17 -17
  85. data/app/assets/stylesheets/semantic-ui/modules/_sticky.scss +1 -1
  86. data/app/assets/stylesheets/semantic-ui/modules/_tab.scss +5 -5
  87. data/app/assets/stylesheets/semantic-ui/modules/_toast.scss +49 -1
  88. data/app/assets/stylesheets/semantic-ui/modules/_transition.scss +1 -1
  89. data/app/assets/stylesheets/semantic-ui/views/_ad.scss +4 -4
  90. data/app/assets/stylesheets/semantic-ui/views/_card.scss +754 -117
  91. data/app/assets/stylesheets/semantic-ui/views/_comment.scss +12 -12
  92. data/app/assets/stylesheets/semantic-ui/views/_feed.scss +29 -29
  93. data/app/assets/stylesheets/semantic-ui/views/_item.scss +17 -17
  94. data/app/assets/stylesheets/semantic-ui/views/_statistic.scss +4 -4
  95. data/fomantic-ui-sass.gemspec +1 -1
  96. data/lib/fomantic/ui/sass/version.rb +2 -2
  97. metadata +9 -7
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Checkbox
2
+ * # Fomantic-UI 2.9.0 - Checkbox
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -53,7 +53,7 @@
53
53
  outline: none;
54
54
  font-size: 1em;
55
55
  }
56
- .ui.checkbox label:before {
56
+ .ui.checkbox label::before {
57
57
  position: absolute;
58
58
  top: 0;
59
59
  left: 0;
@@ -73,7 +73,7 @@
73
73
  Checkmark
74
74
  ---------------*/
75
75
 
76
- .ui.checkbox label:after {
76
+ .ui.checkbox label::after {
77
77
  position: absolute;
78
78
  font-size: 14px;
79
79
  top: 0;
@@ -92,8 +92,8 @@
92
92
  padding-left: 0;
93
93
  padding-right: 1.85714em;
94
94
  }
95
- .ui.right.aligned.checkbox label:after,
96
- .ui.right.aligned.checkbox label:before {
95
+ .ui.right.aligned.checkbox label::after,
96
+ .ui.right.aligned.checkbox label::before {
97
97
  right: 0;
98
98
  left: auto;
99
99
  }
@@ -154,11 +154,11 @@
154
154
  Focus
155
155
  ---------------*/
156
156
 
157
- .ui.checkbox input:focus ~ label:before {
157
+ .ui.checkbox input:focus ~ label::before {
158
158
  background: #FFFFFF;
159
159
  border-color: #96C8DA;
160
160
  }
161
- .ui.checkbox input:focus ~ label:after {
161
+ .ui.checkbox input:focus ~ label::after {
162
162
  color: rgba(0, 0, 0, 0.95);
163
163
  }
164
164
  .ui.checkbox input:focus ~ label {
@@ -169,11 +169,11 @@
169
169
  Active
170
170
  ---------------*/
171
171
 
172
- .ui.checkbox input:checked ~ label:before {
172
+ .ui.checkbox input:checked ~ label::before {
173
173
  background: #FFFFFF;
174
174
  border-color: rgba(34, 36, 38, 0.35);
175
175
  }
176
- .ui.checkbox input:checked ~ label:after {
176
+ .ui.checkbox input:checked ~ label::after {
177
177
  opacity: 1;
178
178
  color: rgba(0, 0, 0, 0.95);
179
179
  }
@@ -182,21 +182,21 @@
182
182
  Indeterminate
183
183
  ---------------*/
184
184
 
185
- .ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
185
+ .ui.checkbox input:not([type=radio]):indeterminate ~ label::before {
186
186
  background: #FFFFFF;
187
187
  border-color: rgba(34, 36, 38, 0.35);
188
188
  }
189
- .ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
189
+ .ui.checkbox input:not([type=radio]):indeterminate ~ label::after {
190
190
  opacity: 1;
191
191
  color: rgba(0, 0, 0, 0.95);
192
192
  }
193
- .ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label:before {
193
+ .ui.indeterminate.toggle.checkbox input:not([type=radio]):indeterminate ~ label::before {
194
194
  background: rgba(0, 0, 0, 0.15);
195
195
  }
196
- .ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
196
+ .ui.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
197
197
  left: 1.075rem;
198
198
  }
199
- .ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label:after {
199
+ .ui.right.aligned.indeterminate.toggle.checkbox input:not([type=radio]) ~ label::after {
200
200
  left: auto;
201
201
  right: 1.075rem;
202
202
  }
@@ -205,13 +205,13 @@
205
205
  Active Focus
206
206
  ---------------*/
207
207
 
208
- .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
209
- .ui.checkbox input:checked:focus ~ label:before {
208
+ .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::before,
209
+ .ui.checkbox input:checked:focus ~ label::before {
210
210
  background: #FFFFFF;
211
211
  border-color: #96C8DA;
212
212
  }
213
- .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
214
- .ui.checkbox input:checked:focus ~ label:after {
213
+ .ui.checkbox input:not([type=radio]):indeterminate:focus ~ label::after,
214
+ .ui.checkbox input:checked:focus ~ label::after {
215
215
  color: rgba(0, 0, 0, 0.95);
216
216
  }
217
217
 
@@ -249,6 +249,7 @@
249
249
  }
250
250
 
251
251
  /* Selectable Label */
252
+ .ui.checkbox input + label[for],
252
253
  .ui.checkbox input.hidden + label {
253
254
  cursor: pointer;
254
255
  -webkit-user-select: none;
@@ -275,7 +276,7 @@
275
276
  }
276
277
 
277
278
  /* Box */
278
- .ui.radio.checkbox label:before {
279
+ .ui.radio.checkbox label::before {
279
280
  content: '';
280
281
  -webkit-transform: none;
281
282
  transform: none;
@@ -287,7 +288,7 @@
287
288
  }
288
289
 
289
290
  /* Bullet */
290
- .ui.radio.checkbox label:after {
291
+ .ui.radio.checkbox label::after {
291
292
  border: none;
292
293
  content: '' !important;
293
294
  line-height: 15px;
@@ -302,31 +303,31 @@
302
303
  }
303
304
 
304
305
  /* Focus */
305
- .ui.radio.checkbox input:focus ~ label:before {
306
+ .ui.radio.checkbox input:focus ~ label::before {
306
307
  background-color: #FFFFFF;
307
308
  }
308
- .ui.radio.checkbox input:focus ~ label:after {
309
+ .ui.radio.checkbox input:focus ~ label::after {
309
310
  background-color: rgba(0, 0, 0, 0.95);
310
311
  }
311
312
 
312
313
  /* Indeterminate */
313
- .ui.radio.checkbox input:indeterminate ~ label:after {
314
+ .ui.radio.checkbox input:indeterminate ~ label::after {
314
315
  opacity: 0;
315
316
  }
316
317
 
317
318
  /* Active */
318
- .ui.radio.checkbox input:checked ~ label:before {
319
+ .ui.radio.checkbox input:checked ~ label::before {
319
320
  background-color: #FFFFFF;
320
321
  }
321
- .ui.radio.checkbox input:checked ~ label:after {
322
+ .ui.radio.checkbox input:checked ~ label::after {
322
323
  background-color: rgba(0, 0, 0, 0.95);
323
324
  }
324
325
 
325
326
  /* Active Focus */
326
- .ui.radio.checkbox input:focus:checked ~ label:before {
327
+ .ui.radio.checkbox input:focus:checked ~ label::before {
327
328
  background-color: #FFFFFF;
328
329
  }
329
- .ui.radio.checkbox input:focus:checked ~ label:after {
330
+ .ui.radio.checkbox input:focus:checked ~ label::after {
330
331
  background-color: rgba(0, 0, 0, 0.95);
331
332
  }
332
333
 
@@ -352,7 +353,7 @@
352
353
  }
353
354
 
354
355
  /* Line */
355
- .ui.slider.checkbox label:before {
356
+ .ui.slider.checkbox label::before {
356
357
  display: block;
357
358
  position: absolute;
358
359
  content: '';
@@ -371,7 +372,7 @@
371
372
  }
372
373
 
373
374
  /* Handle */
374
- .ui.slider.checkbox label:after {
375
+ .ui.slider.checkbox label::after {
375
376
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
376
377
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
377
378
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -394,7 +395,7 @@
394
395
  }
395
396
 
396
397
  /* Focus */
397
- .ui.slider.checkbox input:focus ~ label:before {
398
+ .ui.slider.checkbox input:focus ~ label::before {
398
399
  background-color: rgba(0, 0, 0, 0.15);
399
400
  border: none;
400
401
  }
@@ -411,10 +412,10 @@
411
412
  .ui.slider.checkbox input:checked ~ label {
412
413
  color: rgba(0, 0, 0, 0.95) !important;
413
414
  }
414
- .ui.slider.checkbox input:checked ~ label:before {
415
+ .ui.slider.checkbox input:checked ~ label::before {
415
416
  background-color: #545454 !important;
416
417
  }
417
- .ui.slider.checkbox input:checked ~ label:after {
418
+ .ui.slider.checkbox input:checked ~ label::after {
418
419
  left: 2rem;
419
420
  }
420
421
 
@@ -422,20 +423,20 @@
422
423
  .ui.slider.checkbox input:focus:checked ~ label {
423
424
  color: rgba(0, 0, 0, 0.95) !important;
424
425
  }
425
- .ui.slider.checkbox input:focus:checked ~ label:before {
426
+ .ui.slider.checkbox input:focus:checked ~ label::before {
426
427
  background-color: #000000 !important;
427
428
  }
428
429
  .ui.right.aligned.slider.checkbox label {
429
430
  padding-left: 0;
430
431
  padding-right: 4.5rem;
431
432
  }
432
- .ui.right.aligned.slider.checkbox label:after {
433
+ .ui.right.aligned.slider.checkbox label::after {
433
434
  left: auto;
434
435
  right: 2rem;
435
436
  -webkit-transition: right 0.3s ease;
436
437
  transition: right 0.3s ease;
437
438
  }
438
- .ui.right.aligned.slider.checkbox input:checked ~ label:after {
439
+ .ui.right.aligned.slider.checkbox input:checked ~ label::after {
439
440
  left: auto;
440
441
  right: 0;
441
442
  }
@@ -465,7 +466,7 @@
465
466
  }
466
467
 
467
468
  /* Switch */
468
- .ui.toggle.checkbox label:before {
469
+ .ui.toggle.checkbox label::before {
469
470
  display: block;
470
471
  position: absolute;
471
472
  content: '';
@@ -483,7 +484,7 @@
483
484
  }
484
485
 
485
486
  /* Handle */
486
- .ui.toggle.checkbox label:after {
487
+ .ui.toggle.checkbox label::after {
487
488
  background: #FFFFFF -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.05)));
488
489
  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
489
490
  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -502,14 +503,14 @@
502
503
  -webkit-transition: background 0.3s ease, left 0.3s ease;
503
504
  transition: background 0.3s ease, left 0.3s ease;
504
505
  }
505
- .ui.toggle.checkbox input ~ label:after {
506
+ .ui.toggle.checkbox input ~ label::after {
506
507
  left: -0.05rem;
507
508
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
508
509
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
509
510
  }
510
511
 
511
512
  /* Focus */
512
- .ui.toggle.checkbox input:focus ~ label:before {
513
+ .ui.toggle.checkbox input:focus ~ label::before {
513
514
  background-color: rgba(0, 0, 0, 0.15);
514
515
  border: none;
515
516
  }
@@ -524,10 +525,10 @@
524
525
  .ui.toggle.checkbox input:checked ~ label {
525
526
  color: rgba(0, 0, 0, 0.95) !important;
526
527
  }
527
- .ui.toggle.checkbox input:checked ~ label:before {
528
+ .ui.toggle.checkbox input:checked ~ label::before {
528
529
  background-color: #2185D0 !important;
529
530
  }
530
- .ui.toggle.checkbox input:checked ~ label:after {
531
+ .ui.toggle.checkbox input:checked ~ label::after {
531
532
  left: 2.15rem;
532
533
  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
533
534
  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), 0 0 0 1px rgba(34, 36, 38, 0.15) inset;
@@ -537,20 +538,20 @@
537
538
  .ui.toggle.checkbox input:focus:checked ~ label {
538
539
  color: rgba(0, 0, 0, 0.95) !important;
539
540
  }
540
- .ui.toggle.checkbox input:focus:checked ~ label:before {
541
+ .ui.toggle.checkbox input:focus:checked ~ label::before {
541
542
  background-color: #0d71bb !important;
542
543
  }
543
544
  .ui.right.aligned.toggle.checkbox label {
544
545
  padding-left: 0;
545
546
  padding-right: 4.5rem;
546
547
  }
547
- .ui.right.aligned.toggle.checkbox input ~ label:after {
548
+ .ui.right.aligned.toggle.checkbox input ~ label::after {
548
549
  left: auto;
549
550
  right: 2.15rem;
550
551
  -webkit-transition: background 0.3s ease, right 0.3s ease;
551
552
  transition: background 0.3s ease, right 0.3s ease;
552
553
  }
553
- .ui.right.aligned.toggle.checkbox input:checked ~ label:after {
554
+ .ui.right.aligned.toggle.checkbox input:checked ~ label::after {
554
555
  left: auto;
555
556
  right: -0.05rem;
556
557
  }
@@ -597,7 +598,7 @@
597
598
  }
598
599
 
599
600
  /* Slider Line */
600
- .ui.inverted.slider.checkbox label:before {
601
+ .ui.inverted.slider.checkbox label::before {
601
602
  background-color: rgba(255, 255, 255, 0.5) !important;
602
603
  }
603
604
 
@@ -610,7 +611,7 @@
610
611
  .ui.inverted.slider.checkbox input:checked ~ label {
611
612
  color: #ffffff !important;
612
613
  }
613
- .ui.inverted.slider.checkbox input:checked ~ label:before {
614
+ .ui.inverted.slider.checkbox input:checked ~ label::before {
614
615
  background-color: rgba(255, 255, 255, 0.8) !important;
615
616
  }
616
617
 
@@ -618,12 +619,12 @@
618
619
  .ui.inverted.slider.checkbox input:focus:checked ~ label {
619
620
  color: #ffffff !important;
620
621
  }
621
- .ui.inverted.slider.checkbox input:focus:checked ~ label:before {
622
+ .ui.inverted.slider.checkbox input:focus:checked ~ label::before {
622
623
  background-color: rgba(255, 255, 255, 0.8) !important;
623
624
  }
624
625
 
625
626
  /* Toggle Switch */
626
- .ui.inverted.toggle.checkbox label:before {
627
+ .ui.inverted.toggle.checkbox label::before {
627
628
  background-color: rgba(255, 255, 255, 0.9) !important;
628
629
  }
629
630
 
@@ -636,7 +637,7 @@
636
637
  .ui.inverted.toggle.checkbox input:checked ~ label {
637
638
  color: #ffffff !important;
638
639
  }
639
- .ui.inverted.toggle.checkbox input:checked ~ label:before {
640
+ .ui.inverted.toggle.checkbox input:checked ~ label::before {
640
641
  background-color: #2185D0 !important;
641
642
  }
642
643
 
@@ -644,7 +645,7 @@
644
645
  .ui.inverted.toggle.checkbox input:focus:checked ~ label {
645
646
  color: #ffffff !important;
646
647
  }
647
- .ui.inverted.toggle.checkbox input:focus:checked ~ label:before {
648
+ .ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
648
649
  background-color: #0d71bb !important;
649
650
  }
650
651
 
@@ -664,24 +665,24 @@
664
665
  .ui.large.checkbox {
665
666
  font-size: 1.14285714em;
666
667
  }
667
- .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
668
- .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
669
- .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
670
- .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
668
+ .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
669
+ .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
670
+ .ui.large.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
671
+ .ui.large.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
671
672
  -webkit-transform: scale(1.14285714);
672
673
  transform: scale(1.14285714);
673
674
  -webkit-transform-origin: left;
674
675
  transform-origin: left;
675
676
  }
676
- .ui.large.form .checkbox.radio label:before,
677
- .ui.large.checkbox.radio label:before {
677
+ .ui.large.form .checkbox.radio label::before,
678
+ .ui.large.checkbox.radio label::before {
678
679
  -webkit-transform: scale(1.14285714);
679
680
  transform: scale(1.14285714);
680
681
  -webkit-transform-origin: left;
681
682
  transform-origin: left;
682
683
  }
683
- .ui.large.form .checkbox.radio label:after,
684
- .ui.large.checkbox.radio label:after {
684
+ .ui.large.form .checkbox.radio label::after,
685
+ .ui.large.checkbox.radio label::after {
685
686
  -webkit-transform: scale(0.57142857);
686
687
  transform: scale(0.57142857);
687
688
  -webkit-transform-origin: left;
@@ -691,24 +692,24 @@
691
692
  .ui.big.checkbox {
692
693
  font-size: 1.28571429em;
693
694
  }
694
- .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
695
- .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
696
- .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
697
- .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
695
+ .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
696
+ .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
697
+ .ui.big.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
698
+ .ui.big.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
698
699
  -webkit-transform: scale(1.28571429);
699
700
  transform: scale(1.28571429);
700
701
  -webkit-transform-origin: left;
701
702
  transform-origin: left;
702
703
  }
703
- .ui.big.form .checkbox.radio label:before,
704
- .ui.big.checkbox.radio label:before {
704
+ .ui.big.form .checkbox.radio label::before,
705
+ .ui.big.checkbox.radio label::before {
705
706
  -webkit-transform: scale(1.28571429);
706
707
  transform: scale(1.28571429);
707
708
  -webkit-transform-origin: left;
708
709
  transform-origin: left;
709
710
  }
710
- .ui.big.form .checkbox.radio label:after,
711
- .ui.big.checkbox.radio label:after {
711
+ .ui.big.form .checkbox.radio label::after,
712
+ .ui.big.checkbox.radio label::after {
712
713
  -webkit-transform: scale(0.64285714);
713
714
  transform: scale(0.64285714);
714
715
  -webkit-transform-origin: left;
@@ -718,24 +719,24 @@
718
719
  .ui.huge.checkbox {
719
720
  font-size: 1.42857143em;
720
721
  }
721
- .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
722
- .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
723
- .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
724
- .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
722
+ .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
723
+ .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
724
+ .ui.huge.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
725
+ .ui.huge.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
725
726
  -webkit-transform: scale(1.42857143);
726
727
  transform: scale(1.42857143);
727
728
  -webkit-transform-origin: left;
728
729
  transform-origin: left;
729
730
  }
730
- .ui.huge.form .checkbox.radio label:before,
731
- .ui.huge.checkbox.radio label:before {
731
+ .ui.huge.form .checkbox.radio label::before,
732
+ .ui.huge.checkbox.radio label::before {
732
733
  -webkit-transform: scale(1.42857143);
733
734
  transform: scale(1.42857143);
734
735
  -webkit-transform-origin: left;
735
736
  transform-origin: left;
736
737
  }
737
- .ui.huge.form .checkbox.radio label:after,
738
- .ui.huge.checkbox.radio label:after {
738
+ .ui.huge.form .checkbox.radio label::after,
739
+ .ui.huge.checkbox.radio label::after {
739
740
  -webkit-transform: scale(0.71428571);
740
741
  transform: scale(0.71428571);
741
742
  -webkit-transform-origin: left;
@@ -745,24 +746,24 @@
745
746
  .ui.massive.checkbox {
746
747
  font-size: 1.71428571em;
747
748
  }
748
- .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:after,
749
- .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:after,
750
- .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label:before,
751
- .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label:before {
749
+ .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::after,
750
+ .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::after,
751
+ .ui.massive.form .checkbox:not(.slider):not(.toggle):not(.radio) label::before,
752
+ .ui.massive.checkbox:not(.slider):not(.toggle):not(.radio) label::before {
752
753
  -webkit-transform: scale(1.71428571);
753
754
  transform: scale(1.71428571);
754
755
  -webkit-transform-origin: left;
755
756
  transform-origin: left;
756
757
  }
757
- .ui.massive.form .checkbox.radio label:before,
758
- .ui.massive.checkbox.radio label:before {
758
+ .ui.massive.form .checkbox.radio label::before,
759
+ .ui.massive.checkbox.radio label::before {
759
760
  -webkit-transform: scale(1.71428571);
760
761
  transform: scale(1.71428571);
761
762
  -webkit-transform-origin: left;
762
763
  transform-origin: left;
763
764
  }
764
- .ui.massive.form .checkbox.radio label:after,
765
- .ui.massive.checkbox.radio label:after {
765
+ .ui.massive.form .checkbox.radio label::after,
766
+ .ui.massive.checkbox.radio label::after {
766
767
  -webkit-transform: scale(0.85714286);
767
768
  transform: scale(0.85714286);
768
769
  -webkit-transform-origin: left;
@@ -777,31 +778,31 @@
777
778
 
778
779
  @font-face {
779
780
  font-family: 'Checkbox';
780
- src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
781
+ src: url(data:application/font-woff;base64,d09GRgABAAAAAAR8AA0AAAAABtwAAgAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEYAAAABoAAAAcgbCWJ0dERUYAAARIAAAAFwAAABgAJQAAT1MvMgAAAZgAAABAAAAAYA8SBD9jbWFwAAAB9AAAAFMAAAFc71zo6Wdhc3AAAARAAAAACAAAAAgAAAAQZ2x5ZgAAAlwAAADJAAABVHshwGBoZWFkAAABMAAAAC4AAAA2Bj3tWWhoZWEAAAFgAAAAHQAAACQHfQPIaG10eAAAAdgAAAAZAAAAHg56AEVsb2NhAAACSAAAABIAAAASAQoAjG1heHAAAAGAAAAAGAAAACAACgAvbmFtZQAAAygAAADnAAABp5xOC4Fwb3N0AAAEEAAAADAAAABaHRtWW3icY2BkYGBgYmDgqbAVjee3+crAzcIAAhc3XilHppl3M+cBKQ6QWgYGAAHnCVsAAHicY2BkYGA+8P8AAwMLAwgw72ZgZEAF7ABaJgNOAAAAeJxjYGRgYOBg0GUA0QwMTAxoAAAFtQA6eJxjYGYWYpzAwMrAwDST6QwDA0M/hGZ8zWDMyMmAChgF0AQYHBgYXjAxH/h/gMGB+QCIx8CIJKvAwAgAIOcKW3icY2GAAMZQCM0ExCwMDK7MqiAeAAqXAM4AAAB4nN2NwQ2AMAwDL00pHYJH52AQ9n/w6BbFCS9WwJFlO3IUwHl5YAQuJctcOaVdU6TGmGWt7IxJuHXnvmcrnLPR2GWb6NnF4rrwhT5U/o0Hf5EJGAAAAAAAAAgACAAQABgASABsAKoAAHichY09CsJAEIVndiG2gyQ7IASJIbHQyvyIiFhZpBE8iNsIeiVvYOFx7FPbKE6yUcHGgZ23jzd8DxDeowAWCv77Dez0Vd1hAIB+D714NMa0yNdYZrMhum0CfaWnT4bpeSPaEjOd8djIltTBNBlhSGzES3Jqb5oW6UOrE1WBL7/A73lxNBqnK8znZRbNWMgJET8qJhlWF1HV3zvXSceBSifawrTjTLrd0uI3c4lFu4UcYvbh1/KsIaodUayx7Kxr+wb8Y+EFi+YsngAAAHicfc5BSsNAGMXxf9q0agURFy50M3shlOoNikIXddGFa5N0SEvLDKQp2KUH8AxuXXkkz+JL+NYJJPzmffNmAlzxS0L7JJxzYx5wxoN5qPzZnMrv5hGXfJrHyr/NE+74UytJL5Rcdye0Huiue/NQ+aM5lV/NI27ZmsfKv8wTnvhhzgZPyY6CyAfMN77cFVFaaVBxZE9OraWvjvtc6Kn0jN40qDnoVyIBx4yMqWJfH7YxuFk27a2/dLVGxUpbQndYrrVnrazgpO9C1chSb7s3UymGxlU++Dpv/NoVJ7co4zLGkPEPj0VARQB4nGNgYsAPOBgYGJkYmBiZGZgZWRhZGdnYS/MyDYAAShuCaFcLCB9Iw/hGAOPdCuMAAQAB//8AD3icY2BkYGDgAWIBIGYCYhYIDQACOwAmAHicY2BgYGQAgns+by1A9MWNV8phNABQ5wfrAAA=) format('woff');
781
782
  }
782
783
 
783
784
  /* Checkmark */
784
- .ui.checkbox label:after,
785
- .ui.checkbox .box:after {
785
+ .ui.checkbox label::after,
786
+ .ui.checkbox .box::after {
786
787
  font-family: 'Checkbox';
787
788
  }
788
789
 
789
790
  /* Checked */
790
- .ui.checkbox input:checked ~ .box:after,
791
- .ui.checkbox input:checked ~ label:after {
791
+ .ui.checkbox input:checked ~ .box::after,
792
+ .ui.checkbox input:checked ~ label::after {
792
793
  content: '\e800';
793
794
  }
794
795
 
795
796
  /* Indeterminate */
796
- .ui.checkbox input:indeterminate ~ .box:after,
797
- .ui.checkbox input:indeterminate ~ label:after {
797
+ .ui.checkbox input:indeterminate ~ .box::after,
798
+ .ui.checkbox input:indeterminate ~ label::after {
798
799
  font-size: 12px;
799
800
  content: '\e801';
800
801
  }
801
802
  /* UTF Reference
802
- .check:before { content: '\e800'; }
803
- .dash:before { content: '\e801'; }
804
- .plus:before { content: '\e802'; }
803
+ .check::before { content: '\e800'; }
804
+ .dash::before { content: '\e801'; }
805
+ .plus::before { content: '\e802'; }
805
806
  */
806
807
 
807
808
 
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Dimmer
2
+ * # Fomantic-UI 2.9.0 - Dimmer
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -19,8 +19,8 @@
19
19
  .ui.dimmer {
20
20
  display: none;
21
21
  position: absolute;
22
- top: 0 !important;
23
- left: 0 !important;
22
+ top: 0;
23
+ left: 0;
24
24
  width: 100%;
25
25
  height: 100%;
26
26
  text-align: center;
@@ -33,8 +33,8 @@
33
33
  animation-fill-mode: both;
34
34
  -webkit-animation-duration: 0.5s;
35
35
  animation-duration: 0.5s;
36
- -webkit-transition: background-color 0.5s linear;
37
- transition: background-color 0.5s linear;
36
+ -webkit-transition: all 0.5s linear;
37
+ transition: all 0.5s linear;
38
38
  -webkit-box-orient: vertical;
39
39
  -webkit-box-direction: normal;
40
40
  -ms-flex-direction: column;
@@ -80,6 +80,17 @@
80
80
  .ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover {
81
81
  background: rgba(255, 255, 255, 0.35);
82
82
  }
83
+ .ui.dimmer:not(.inverted) {
84
+
85
+ /* IE11 */
86
+ scrollbar-face-color: #656565;
87
+ scrollbar-shadow-color: #656565;
88
+ scrollbar-track-color: #323232;
89
+ scrollbar-arrow-color: #323232;
90
+
91
+ /* firefox : first color thumb, second track */
92
+ scrollbar-color: rgba(255, 255, 255, 0.25) rgba(255, 255, 255, 0.1);
93
+ }
83
94
 
84
95
 
85
96
  /*******************************
@@ -170,22 +181,26 @@ body.dimmable > .dimmer {
170
181
  Blurring
171
182
  ---------------*/
172
183
 
173
- .blurring.dimmable > :not(.dimmer) {
174
- -webkit-filter: initial;
175
- filter: initial;
176
- -webkit-transition: 800ms -webkit-filter ease;
177
- transition: 800ms -webkit-filter ease;
178
- transition: 800ms filter ease;
179
- transition: 800ms filter ease, 800ms -webkit-filter ease;
180
- }
181
- .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
182
- -webkit-filter: blur(5px) grayscale(0.7);
183
- filter: blur(5px) grayscale(0.7);
184
+ @supports (not (-webkit-backdrop-filter: none)) and (not ((-webkit-backdrop-filter: none) or (backdrop-filter: none))) {
185
+ .blurring.dimmable > :not(.dimmer) {
186
+ -webkit-filter: initial;
187
+ filter: initial;
188
+ -webkit-transition: 800ms -webkit-filter ease;
189
+ transition: 800ms -webkit-filter ease;
190
+ transition: 800ms filter ease;
191
+ transition: 800ms filter ease, 800ms -webkit-filter ease;
192
+ }
193
+ .blurring.dimmed.dimmable > :not(.dimmer):not(.popup) {
194
+ -webkit-filter: blur(5px) grayscale(0.7);
195
+ filter: blur(5px) grayscale(0.7);
196
+ }
184
197
  }
185
198
 
186
199
  /* Dimmer Color */
187
200
  .blurring.dimmable > .dimmer {
188
201
  background: rgba(0, 0, 0, 0.6);
202
+ -webkit-backdrop-filter: blur(5px) grayscale(0.7);
203
+ backdrop-filter: blur(5px) grayscale(0.7);
189
204
  }
190
205
  .blurring.dimmable > .inverted.dimmer {
191
206
  background: rgba(255, 255, 255, 0.6);
@@ -282,11 +297,11 @@ body.dimmable > .dimmer {
282
297
  height: auto;
283
298
  }
284
299
  .ui[class*="bottom dimmer"] {
285
- top: auto !important;
300
+ top: auto;
286
301
  bottom: 0;
287
302
  }
288
303
  .ui[class*="center dimmer"] {
289
- top: 50% !important;
304
+ top: 50%;
290
305
  transform: translateY(-50%);
291
306
  -webkit-transform: translateY(calc(-50% - 0.5px));
292
307
  }