fomantic-ui-sass 2.8.8.1 → 2.9.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (96) hide show
  1. checksums.yaml +4 -4
  2. data/CHANGELOG.md +4 -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/lib/fomantic/ui/sass/version.rb +2 -2
  96. metadata +5 -3
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Label
2
+ * # Fomantic-UI 2.9.0 - Label
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -61,7 +61,7 @@ a.ui.label {
61
61
  }
62
62
 
63
63
  /* Icon */
64
- .ui.left.icon.label > .icon,
64
+ .ui.ui[class*="left icon"].label > .icon,
65
65
  .ui.label > .icon {
66
66
  width: auto;
67
67
  margin: 0 0.75em 0 0;
@@ -94,10 +94,14 @@ a.ui.label {
94
94
  }
95
95
 
96
96
  /* Backward compatible positioning */
97
- .ui.label.left.icon > .close.icon,
98
- .ui.label.left.icon > .delete.icon {
97
+ .ui.label[class*="left icon"] > .close.icon,
98
+ .ui.label[class*="left icon"] > .delete.icon {
99
99
  margin: 0 0.5em 0 0;
100
100
  }
101
+ .ui.label[class*="left icon"] > .close.icon.right,
102
+ .ui.label[class*="left icon"] > .delete.icon.right {
103
+ margin: 0 0 0 0.5em;
104
+ }
101
105
  .ui.label:not(.icon) > .close.icon,
102
106
  .ui.label:not(.icon) > .delete.icon {
103
107
  margin: 0 0 0 0.5em;
@@ -109,7 +113,7 @@ a.ui.label {
109
113
  }
110
114
 
111
115
  /* Right Side Icon */
112
- .ui.right.icon.label > .icon {
116
+ .ui[class*="right icon"].label > .icon {
113
117
  margin: 0 0 0 0.75em;
114
118
  }
115
119
 
@@ -227,8 +231,8 @@ a.ui.label {
227
231
  -webkit-transition: none;
228
232
  transition: none;
229
233
  }
230
- .ui.tag.labels .label:before,
231
- .ui.tag.label:before {
234
+ .ui.tag.labels .label::before,
235
+ .ui.tag.label::before {
232
236
  position: absolute;
233
237
  -webkit-transform: translateY(-50%) translateX(50%) rotate(-45deg);
234
238
  transform: translateY(-50%) translateX(50%) rotate(-45deg);
@@ -242,8 +246,8 @@ a.ui.label {
242
246
  -webkit-transition: none;
243
247
  transition: none;
244
248
  }
245
- .ui.tag.labels .label:after,
246
- .ui.tag.label:after {
249
+ .ui.tag.labels .label::after,
250
+ .ui.tag.label::after {
247
251
  position: absolute;
248
252
  content: '';
249
253
  top: 50%;
@@ -256,15 +260,15 @@ a.ui.label {
256
260
  box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.3);
257
261
  border-radius: 500rem;
258
262
  }
259
- .ui.basic.tag.labels .label:before,
260
- .ui.basic.tag.label:before {
263
+ .ui.basic.tag.labels .label::before,
264
+ .ui.basic.tag.label::before {
261
265
  border-color: inherit;
262
266
  border-width: 1px 0 0 1px;
263
267
  border-style: inherit;
264
268
  right: calc(100% + 1px);
265
269
  }
266
- .ui.basic.tag.labels .label:after,
267
- .ui.basic.tag.label:after {
270
+ .ui.basic.tag.labels .label::after,
271
+ .ui.basic.tag.label::after {
268
272
  -webkit-box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
269
273
  box-shadow: 0 -1px 3px 0 rgba(0, 0, 0, 0.8);
270
274
  }
@@ -292,7 +296,7 @@ a.ui.label {
292
296
  .ui.corner.label {
293
297
  background-color: transparent !important;
294
298
  }
295
- .ui.corner.label:after {
299
+ .ui.corner.label::after {
296
300
  position: absolute;
297
301
  content: "";
298
302
  right: 0;
@@ -321,11 +325,11 @@ a.ui.label {
321
325
 
322
326
  /* Left Corner */
323
327
  .ui.left.corner.label,
324
- .ui.left.corner.label:after {
328
+ .ui.left.corner.label::after {
325
329
  right: auto;
326
330
  left: 0;
327
331
  }
328
- .ui.left.corner.label:after {
332
+ .ui.left.corner.label::after {
329
333
  border-top: 4em solid transparent;
330
334
  border-right: 4em solid transparent;
331
335
  border-bottom: 0 solid transparent;
@@ -360,7 +364,7 @@ a.ui.label {
360
364
  border-radius: 0 0.28571429rem 0.28571429rem 0;
361
365
  border-color: rgba(0, 0, 0, 0.15);
362
366
  }
363
- .ui.ribbon.label:after {
367
+ .ui.ribbon.label::after {
364
368
  position: absolute;
365
369
  content: '';
366
370
  top: 100%;
@@ -415,7 +419,7 @@ a.ui.label {
415
419
  transform: translateX(-100%);
416
420
  border-radius: 0.28571429rem 0 0 0.28571429rem;
417
421
  }
418
- .ui[class*="right ribbon"].label:after {
422
+ .ui[class*="right ribbon"].label::after {
419
423
  left: auto;
420
424
  right: 0;
421
425
  border-style: solid;
@@ -519,8 +523,8 @@ a.ui.label:hover {
519
523
  background-image: none;
520
524
  color: rgba(0, 0, 0, 0.8);
521
525
  }
522
- .ui.labels a.label:hover:before,
523
- a.ui.label:hover:before {
526
+ .ui.labels a.label:hover::before,
527
+ a.ui.label:hover::before {
524
528
  color: rgba(0, 0, 0, 0.8);
525
529
  }
526
530
 
@@ -534,7 +538,7 @@ a.ui.label:hover:before {
534
538
  background-image: none;
535
539
  color: rgba(0, 0, 0, 0.95);
536
540
  }
537
- .ui.active.label:before {
541
+ .ui.active.label::before {
538
542
  background-color: #D0D0D0;
539
543
  background-image: none;
540
544
  color: rgba(0, 0, 0, 0.95);
@@ -551,8 +555,8 @@ a.ui.active.label:hover {
551
555
  background-image: none;
552
556
  color: rgba(0, 0, 0, 0.95);
553
557
  }
554
- .ui.labels a.active.label:hover:before,
555
- a.ui.active.label:hover:before {
558
+ .ui.labels a.active.label:hover::before,
559
+ a.ui.active.label:hover::before {
556
560
  background-color: #C8C8C8;
557
561
  background-image: none;
558
562
  color: rgba(0, 0, 0, 0.95);
@@ -616,7 +620,7 @@ a.ui.basic.label:hover {
616
620
  }
617
621
 
618
622
  /* Pointing */
619
- .ui.basic.pointing.label:before {
623
+ .ui.basic.pointing.label::before {
620
624
  border-color: inherit;
621
625
  }
622
626
 
@@ -736,8 +740,8 @@ a.ui.ui.ui.inverted.basic.primary.label:hover {
736
740
  .ui.ui.ui.inverted.primary.basic.tag.label {
737
741
  border: 1px solid #54C8FF;
738
742
  }
739
- .ui.inverted.basic.tag.labels .primary.label:before,
740
- .ui.ui.ui.inverted.primary.basic.tag.label:before {
743
+ .ui.inverted.basic.tag.labels .primary.label::before,
744
+ .ui.ui.ui.inverted.primary.basic.tag.label::before {
741
745
  border-color: inherit;
742
746
  border-width: 1px 0 0 1px;
743
747
  border-style: inherit;
@@ -818,8 +822,8 @@ a.ui.ui.ui.inverted.basic.secondary.label:hover {
818
822
  .ui.ui.ui.inverted.secondary.basic.tag.label {
819
823
  border: 1px solid #545454;
820
824
  }
821
- .ui.inverted.basic.tag.labels .secondary.label:before,
822
- .ui.ui.ui.inverted.secondary.basic.tag.label:before {
825
+ .ui.inverted.basic.tag.labels .secondary.label::before,
826
+ .ui.ui.ui.inverted.secondary.basic.tag.label::before {
823
827
  border-color: inherit;
824
828
  border-width: 1px 0 0 1px;
825
829
  border-style: inherit;
@@ -900,8 +904,8 @@ a.ui.ui.ui.inverted.basic.red.label:hover {
900
904
  .ui.ui.ui.inverted.red.basic.tag.label {
901
905
  border: 1px solid #FF695E;
902
906
  }
903
- .ui.inverted.basic.tag.labels .red.label:before,
904
- .ui.ui.ui.inverted.red.basic.tag.label:before {
907
+ .ui.inverted.basic.tag.labels .red.label::before,
908
+ .ui.ui.ui.inverted.red.basic.tag.label::before {
905
909
  border-color: inherit;
906
910
  border-width: 1px 0 0 1px;
907
911
  border-style: inherit;
@@ -982,8 +986,8 @@ a.ui.ui.ui.inverted.basic.orange.label:hover {
982
986
  .ui.ui.ui.inverted.orange.basic.tag.label {
983
987
  border: 1px solid #FF851B;
984
988
  }
985
- .ui.inverted.basic.tag.labels .orange.label:before,
986
- .ui.ui.ui.inverted.orange.basic.tag.label:before {
989
+ .ui.inverted.basic.tag.labels .orange.label::before,
990
+ .ui.ui.ui.inverted.orange.basic.tag.label::before {
987
991
  border-color: inherit;
988
992
  border-width: 1px 0 0 1px;
989
993
  border-style: inherit;
@@ -1064,8 +1068,8 @@ a.ui.ui.ui.inverted.basic.yellow.label:hover {
1064
1068
  .ui.ui.ui.inverted.yellow.basic.tag.label {
1065
1069
  border: 1px solid #FFE21F;
1066
1070
  }
1067
- .ui.inverted.basic.tag.labels .yellow.label:before,
1068
- .ui.ui.ui.inverted.yellow.basic.tag.label:before {
1071
+ .ui.inverted.basic.tag.labels .yellow.label::before,
1072
+ .ui.ui.ui.inverted.yellow.basic.tag.label::before {
1069
1073
  border-color: inherit;
1070
1074
  border-width: 1px 0 0 1px;
1071
1075
  border-style: inherit;
@@ -1146,8 +1150,8 @@ a.ui.ui.ui.inverted.basic.olive.label:hover {
1146
1150
  .ui.ui.ui.inverted.olive.basic.tag.label {
1147
1151
  border: 1px solid #D9E778;
1148
1152
  }
1149
- .ui.inverted.basic.tag.labels .olive.label:before,
1150
- .ui.ui.ui.inverted.olive.basic.tag.label:before {
1153
+ .ui.inverted.basic.tag.labels .olive.label::before,
1154
+ .ui.ui.ui.inverted.olive.basic.tag.label::before {
1151
1155
  border-color: inherit;
1152
1156
  border-width: 1px 0 0 1px;
1153
1157
  border-style: inherit;
@@ -1228,8 +1232,8 @@ a.ui.ui.ui.inverted.basic.green.label:hover {
1228
1232
  .ui.ui.ui.inverted.green.basic.tag.label {
1229
1233
  border: 1px solid #2ECC40;
1230
1234
  }
1231
- .ui.inverted.basic.tag.labels .green.label:before,
1232
- .ui.ui.ui.inverted.green.basic.tag.label:before {
1235
+ .ui.inverted.basic.tag.labels .green.label::before,
1236
+ .ui.ui.ui.inverted.green.basic.tag.label::before {
1233
1237
  border-color: inherit;
1234
1238
  border-width: 1px 0 0 1px;
1235
1239
  border-style: inherit;
@@ -1310,8 +1314,8 @@ a.ui.ui.ui.inverted.basic.teal.label:hover {
1310
1314
  .ui.ui.ui.inverted.teal.basic.tag.label {
1311
1315
  border: 1px solid #6DFFFF;
1312
1316
  }
1313
- .ui.inverted.basic.tag.labels .teal.label:before,
1314
- .ui.ui.ui.inverted.teal.basic.tag.label:before {
1317
+ .ui.inverted.basic.tag.labels .teal.label::before,
1318
+ .ui.ui.ui.inverted.teal.basic.tag.label::before {
1315
1319
  border-color: inherit;
1316
1320
  border-width: 1px 0 0 1px;
1317
1321
  border-style: inherit;
@@ -1392,8 +1396,8 @@ a.ui.ui.ui.inverted.basic.blue.label:hover {
1392
1396
  .ui.ui.ui.inverted.blue.basic.tag.label {
1393
1397
  border: 1px solid #54C8FF;
1394
1398
  }
1395
- .ui.inverted.basic.tag.labels .blue.label:before,
1396
- .ui.ui.ui.inverted.blue.basic.tag.label:before {
1399
+ .ui.inverted.basic.tag.labels .blue.label::before,
1400
+ .ui.ui.ui.inverted.blue.basic.tag.label::before {
1397
1401
  border-color: inherit;
1398
1402
  border-width: 1px 0 0 1px;
1399
1403
  border-style: inherit;
@@ -1474,8 +1478,8 @@ a.ui.ui.ui.inverted.basic.violet.label:hover {
1474
1478
  .ui.ui.ui.inverted.violet.basic.tag.label {
1475
1479
  border: 1px solid #A291FB;
1476
1480
  }
1477
- .ui.inverted.basic.tag.labels .violet.label:before,
1478
- .ui.ui.ui.inverted.violet.basic.tag.label:before {
1481
+ .ui.inverted.basic.tag.labels .violet.label::before,
1482
+ .ui.ui.ui.inverted.violet.basic.tag.label::before {
1479
1483
  border-color: inherit;
1480
1484
  border-width: 1px 0 0 1px;
1481
1485
  border-style: inherit;
@@ -1556,8 +1560,8 @@ a.ui.ui.ui.inverted.basic.purple.label:hover {
1556
1560
  .ui.ui.ui.inverted.purple.basic.tag.label {
1557
1561
  border: 1px solid #DC73FF;
1558
1562
  }
1559
- .ui.inverted.basic.tag.labels .purple.label:before,
1560
- .ui.ui.ui.inverted.purple.basic.tag.label:before {
1563
+ .ui.inverted.basic.tag.labels .purple.label::before,
1564
+ .ui.ui.ui.inverted.purple.basic.tag.label::before {
1561
1565
  border-color: inherit;
1562
1566
  border-width: 1px 0 0 1px;
1563
1567
  border-style: inherit;
@@ -1638,8 +1642,8 @@ a.ui.ui.ui.inverted.basic.pink.label:hover {
1638
1642
  .ui.ui.ui.inverted.pink.basic.tag.label {
1639
1643
  border: 1px solid #FF8EDF;
1640
1644
  }
1641
- .ui.inverted.basic.tag.labels .pink.label:before,
1642
- .ui.ui.ui.inverted.pink.basic.tag.label:before {
1645
+ .ui.inverted.basic.tag.labels .pink.label::before,
1646
+ .ui.ui.ui.inverted.pink.basic.tag.label::before {
1643
1647
  border-color: inherit;
1644
1648
  border-width: 1px 0 0 1px;
1645
1649
  border-style: inherit;
@@ -1720,8 +1724,8 @@ a.ui.ui.ui.inverted.basic.brown.label:hover {
1720
1724
  .ui.ui.ui.inverted.brown.basic.tag.label {
1721
1725
  border: 1px solid #D67C1C;
1722
1726
  }
1723
- .ui.inverted.basic.tag.labels .brown.label:before,
1724
- .ui.ui.ui.inverted.brown.basic.tag.label:before {
1727
+ .ui.inverted.basic.tag.labels .brown.label::before,
1728
+ .ui.ui.ui.inverted.brown.basic.tag.label::before {
1725
1729
  border-color: inherit;
1726
1730
  border-width: 1px 0 0 1px;
1727
1731
  border-style: inherit;
@@ -1801,8 +1805,8 @@ a.ui.ui.ui.inverted.basic.grey.label:hover {
1801
1805
  .ui.ui.ui.inverted.grey.basic.tag.label {
1802
1806
  border: 1px solid #DCDDDE;
1803
1807
  }
1804
- .ui.inverted.basic.tag.labels .grey.label:before,
1805
- .ui.ui.ui.inverted.grey.basic.tag.label:before {
1808
+ .ui.inverted.basic.tag.labels .grey.label::before,
1809
+ .ui.ui.ui.inverted.grey.basic.tag.label::before {
1806
1810
  border-color: inherit;
1807
1811
  border-width: 1px 0 0 1px;
1808
1812
  border-style: inherit;
@@ -1882,8 +1886,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1882
1886
  .ui.ui.ui.inverted.black.basic.tag.label {
1883
1887
  border: 1px solid #545454;
1884
1888
  }
1885
- .ui.inverted.basic.tag.labels .black.label:before,
1886
- .ui.ui.ui.inverted.black.basic.tag.label:before {
1889
+ .ui.inverted.basic.tag.labels .black.label::before,
1890
+ .ui.ui.ui.inverted.black.basic.tag.label::before {
1887
1891
  border-color: inherit;
1888
1892
  border-width: 1px 0 0 1px;
1889
1893
  border-style: inherit;
@@ -1936,7 +1940,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1936
1940
  .ui.attached.pointing.label {
1937
1941
  position: absolute;
1938
1942
  }
1939
- .ui.pointing.label:before {
1943
+ .ui.pointing.label::before {
1940
1944
  background-color: inherit;
1941
1945
  background-image: inherit;
1942
1946
  border-width: 0;
@@ -1945,7 +1949,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1945
1949
  }
1946
1950
 
1947
1951
  /* Arrow */
1948
- .ui.pointing.label:before {
1952
+ .ui.pointing.label::before {
1949
1953
  position: absolute;
1950
1954
  content: '';
1951
1955
  -webkit-transform: rotate(45deg);
@@ -1964,8 +1968,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1964
1968
  .ui[class*="pointing above"].label {
1965
1969
  margin-top: 1em;
1966
1970
  }
1967
- .ui.pointing.label:before,
1968
- .ui[class*="pointing above"].label:before {
1971
+ .ui.pointing.label::before,
1972
+ .ui[class*="pointing above"].label::before {
1969
1973
  border-width: 1px 0 0 1px;
1970
1974
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
1971
1975
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
@@ -1980,8 +1984,8 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1980
1984
  margin-top: 0;
1981
1985
  margin-bottom: 1em;
1982
1986
  }
1983
- .ui[class*="bottom pointing"].label:before,
1984
- .ui[class*="pointing below"].label:before {
1987
+ .ui[class*="bottom pointing"].label::before,
1988
+ .ui[class*="pointing below"].label::before {
1985
1989
  border-width: 0 1px 1px 0;
1986
1990
  top: auto;
1987
1991
  right: auto;
@@ -1997,7 +2001,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
1997
2001
  margin-top: 0;
1998
2002
  margin-left: 0.6666em;
1999
2003
  }
2000
- .ui[class*="left pointing"].label:before {
2004
+ .ui[class*="left pointing"].label::before {
2001
2005
  border-width: 0 0 1px 1px;
2002
2006
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
2003
2007
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
@@ -2013,7 +2017,7 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2013
2017
  margin-top: 0;
2014
2018
  margin-right: 0.6666em;
2015
2019
  }
2016
- .ui[class*="right pointing"].label:before {
2020
+ .ui[class*="right pointing"].label::before {
2017
2021
  border-width: 1px 1px 0 0;
2018
2022
  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
2019
2023
  transform: translateX(50%) translateY(-50%) rotate(45deg);
@@ -2027,15 +2031,15 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2027
2031
 
2028
2032
  /*--- Above ---*/
2029
2033
 
2030
- .ui.basic.pointing.label:before,
2031
- .ui.basic[class*="pointing above"].label:before {
2034
+ .ui.basic.pointing.label::before,
2035
+ .ui.basic[class*="pointing above"].label::before {
2032
2036
  margin-top: -1px;
2033
2037
  }
2034
2038
 
2035
2039
  /*--- Below ---*/
2036
2040
 
2037
- .ui.basic[class*="bottom pointing"].label:before,
2038
- .ui.basic[class*="pointing below"].label:before {
2041
+ .ui.basic[class*="bottom pointing"].label::before,
2042
+ .ui.basic[class*="pointing below"].label::before {
2039
2043
  bottom: auto;
2040
2044
  top: 100%;
2041
2045
  margin-top: 1px;
@@ -2043,14 +2047,14 @@ a.ui.ui.ui.inverted.basic.black.label:hover {
2043
2047
 
2044
2048
  /*--- Left ---*/
2045
2049
 
2046
- .ui.basic[class*="left pointing"].label:before {
2050
+ .ui.basic[class*="left pointing"].label::before {
2047
2051
  top: 50%;
2048
2052
  left: -1px;
2049
2053
  }
2050
2054
 
2051
2055
  /*--- Right ---*/
2052
2056
 
2053
- .ui.basic[class*="right pointing"].label:before {
2057
+ .ui.basic[class*="right pointing"].label::before {
2054
2058
  top: 50%;
2055
2059
  right: -1px;
2056
2060
  }
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - List
2
+ * # Fomantic-UI 2.9.0 - List
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -51,10 +51,10 @@ ol.ui.list li,
51
51
  padding: 0.21428571em 0;
52
52
  line-height: 1.14285714em;
53
53
  }
54
- ul.ui.list > li:first-child:after,
55
- ol.ui.list > li:first-child:after,
56
- .ui.list > .list > .item:after,
57
- .ui.list > .item:after {
54
+ ul.ui.list > li:first-child::after,
55
+ ol.ui.list > li:first-child::after,
56
+ .ui.list > .list > .item::after,
57
+ .ui.list > .item::after {
58
58
  content: '';
59
59
  display: block;
60
60
  height: 0;
@@ -171,7 +171,7 @@ ol.ui.list ol li,
171
171
  .ui.list > .item .header {
172
172
  display: block;
173
173
  margin: 0;
174
- font-family: $font-family;
174
+ font-family: 'Lato', system-ui, -apple-system, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
175
175
  font-weight: bold;
176
176
  color: rgba(0, 0, 0, 0.87);
177
177
  }
@@ -252,8 +252,8 @@ ol.ui.list ol li,
252
252
  padding: 0.21428571em 0;
253
253
  line-height: 1.14285714em;
254
254
  }
255
- .ui.menu .ui.list .list > .item:before,
256
- .ui.menu .ui.list > .item:before {
255
+ .ui.menu .ui.list .list > .item::before,
256
+ .ui.menu .ui.list > .item::before {
257
257
  border: none;
258
258
  background: none;
259
259
  }
@@ -567,9 +567,9 @@ ul.ui.list li,
567
567
  .ui.bulleted.list > .item {
568
568
  position: relative;
569
569
  }
570
- ul.ui.list li:before,
571
- .ui.bulleted.list .list > .item:before,
572
- .ui.bulleted.list > .item:before {
570
+ ul.ui.list li::before,
571
+ .ui.bulleted.list .list > .item::before,
572
+ .ui.bulleted.list > .item::before {
573
573
  -webkit-user-select: none;
574
574
  -moz-user-select: none;
575
575
  -ms-user-select: none;
@@ -585,9 +585,9 @@ ul.ui.list li:before,
585
585
  color: inherit;
586
586
  vertical-align: top;
587
587
  }
588
- ul.ui.list li:before,
589
- .ui.bulleted.list .list > a.item:before,
590
- .ui.bulleted.list > a.item:before {
588
+ ul.ui.list li::before,
589
+ .ui.bulleted.list .list > a.item::before,
590
+ .ui.bulleted.list > a.item::before {
591
591
  color: rgba(0, 0, 0, 0.87);
592
592
  }
593
593
  ul.ui.list ul,
@@ -635,9 +635,9 @@ ol.ui.list li,
635
635
  list-style-type: none;
636
636
  position: relative;
637
637
  }
638
- ol.ui.list li:before,
639
- .ui.ordered.list .list > .item:before,
640
- .ui.ordered.list > .item:before {
638
+ ol.ui.list li::before,
639
+ .ui.ordered.list .list > .item::before,
640
+ .ui.ordered.list > .item::before {
641
641
  position: absolute;
642
642
  top: auto;
643
643
  left: auto;
@@ -654,18 +654,18 @@ ol.ui.list li:before,
654
654
  vertical-align: middle;
655
655
  opacity: 0.8;
656
656
  }
657
- ol.ui.inverted.list li:before,
658
- .ui.ordered.inverted.list .list > .item:before,
659
- .ui.ordered.inverted.list > .item:before {
657
+ ol.ui.inverted.list li::before,
658
+ .ui.ordered.inverted.list .list > .item::before,
659
+ .ui.ordered.inverted.list > .item::before {
660
660
  color: rgba(255, 255, 255, 0.7);
661
661
  }
662
662
 
663
663
  /* Value */
664
- .ui.ordered.list .list > .item[data-value]:before,
665
- .ui.ordered.list > .item[data-value]:before {
664
+ .ui.ordered.list .list > .item[data-value]::before,
665
+ .ui.ordered.list > .item[data-value]::before {
666
666
  content: attr(data-value);
667
667
  }
668
- ol.ui.list li[value]:before {
668
+ ol.ui.list li[value]::before {
669
669
  content: attr(value);
670
670
  }
671
671
 
@@ -674,8 +674,8 @@ ol.ui.list ol,
674
674
  .ui.ordered.list .list:not(.icon) {
675
675
  margin-left: 1em;
676
676
  }
677
- ol.ui.list ol li:before,
678
- .ui.ordered.list .list > .item:before {
677
+ ol.ui.list ol li::before,
678
+ .ui.ordered.list .list > .item::before {
679
679
  margin-left: -2em;
680
680
  }
681
681
 
@@ -684,17 +684,17 @@ ol.ui.horizontal.list,
684
684
  .ui.ordered.horizontal.list {
685
685
  margin-left: 0;
686
686
  }
687
- ol.ui.horizontal.list li:before,
688
- .ui.ordered.horizontal.list .list > .item:before,
689
- .ui.ordered.horizontal.list > .item:before {
687
+ ol.ui.horizontal.list li::before,
688
+ .ui.ordered.horizontal.list .list > .item::before,
689
+ .ui.ordered.horizontal.list > .item::before {
690
690
  position: static;
691
691
  margin: 0 0.5em 0 0;
692
692
  }
693
693
 
694
694
  /* Suffixed Ordered */
695
- ol.ui.suffixed.list li:before,
696
- .ui.suffixed.ordered.list .list > .item:before,
697
- .ui.suffixed.ordered.list > .item:before {
695
+ ol.ui.suffixed.list li::before,
696
+ .ui.suffixed.ordered.list .list > .item::before,
697
+ .ui.suffixed.ordered.list > .item::before {
698
698
  content: counters(ordered, ".") ".";
699
699
  }
700
700