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
@@ -24,7 +24,7 @@
24
24
  display: -ms-flexbox;
25
25
  display: flex;
26
26
  margin: 1rem 0;
27
- font-family: $font-family;
27
+ 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";
28
28
  background: #FFFFFF;
29
29
  font-weight: normal;
30
30
  border: 1px solid rgba(34, 36, 38, 0.15);
@@ -33,7 +33,7 @@
33
33
  border-radius: 0.28571429rem;
34
34
  min-height: 2.85714286em;
35
35
  }
36
- .ui.menu:after {
36
+ .ui.menu::after {
37
37
  content: '';
38
38
  display: block;
39
39
  height: 0;
@@ -100,7 +100,7 @@
100
100
  }
101
101
 
102
102
  /* Border */
103
- .ui.menu .item:before {
103
+ .ui.menu .item::before {
104
104
  position: absolute;
105
105
  content: '';
106
106
  top: 0;
@@ -382,8 +382,8 @@
382
382
  ---------------*/
383
383
 
384
384
 
385
- /* Menu divider shouldnt apply */
386
- .ui.menu .list .item:before {
385
+ /* Menu divider shouldn't apply */
386
+ .ui.menu .list .item::before {
387
387
  background: none !important;
388
388
  }
389
389
 
@@ -393,7 +393,7 @@
393
393
 
394
394
 
395
395
  /* Show vertical dividers below last */
396
- .ui.vertical.sidebar.menu > .item:first-child:before {
396
+ .ui.vertical.sidebar.menu > .item:first-child::before {
397
397
  display: block !important;
398
398
  }
399
399
  .ui.vertical.sidebar.menu > .item::before {
@@ -596,7 +596,7 @@ Floated Menu / Item
596
596
 
597
597
  /*--- Border ---*/
598
598
 
599
- .ui.vertical.menu .item:before {
599
+ .ui.vertical.menu .item::before {
600
600
  position: absolute;
601
601
  content: '';
602
602
  top: 0;
@@ -605,7 +605,7 @@ Floated Menu / Item
605
605
  height: 1px;
606
606
  background: rgba(34, 36, 38, 0.1);
607
607
  }
608
- .ui.vertical.menu .item:first-child:before {
608
+ .ui.vertical.menu .item:first-child::before {
609
609
  display: none !important;
610
610
  }
611
611
 
@@ -624,7 +624,7 @@ Floated Menu / Item
624
624
  .ui.vertical.menu .item .menu .link.item:hover {
625
625
  color: rgba(0, 0, 0, 0.85);
626
626
  }
627
- .ui.vertical.menu .menu .item:before {
627
+ .ui.vertical.menu .menu .item::before {
628
628
  display: none;
629
629
  }
630
630
 
@@ -677,7 +677,7 @@ Floated Menu / Item
677
677
  padding: 0.92857143em 1.42857143em;
678
678
  color: rgba(0, 0, 0, 0.87);
679
679
  }
680
- .ui.tabular.menu .item:before {
680
+ .ui.tabular.menu .item::before {
681
681
  display: none;
682
682
  }
683
683
 
@@ -699,10 +699,12 @@ Floated Menu / Item
699
699
  box-shadow: none;
700
700
  border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
701
701
  }
702
+ .ui.tabular.menu .active.item:hover {
703
+ cursor: default;
704
+ }
702
705
 
703
706
  /* Coupling with segment for attachment */
704
- .ui.tabular.menu + .attached:not(.top).segment,
705
- .ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
707
+ .ui.tabular.menu ~ .attached:not(.top).segment {
706
708
  border-top: none;
707
709
  margin-left: 0;
708
710
  margin-top: 0;
@@ -796,6 +798,16 @@ Floated Menu / Item
796
798
  border-top: 2px solid transparent;
797
799
  border-bottom: none;
798
800
  }
801
+ .ui.inverted.tabular.menu .active.item,
802
+ .ui.inverted.tabular.menu .active.item:hover {
803
+ background: none #1B1C1D;
804
+ border-color: #555555;
805
+ }
806
+ .ui.inverted.tabular.menu .item:not(.active):hover {
807
+ color: #ffffff;
808
+ background: transparent;
809
+ cursor: pointer;
810
+ }
799
811
 
800
812
  /*--------------
801
813
  Pagination
@@ -814,7 +826,7 @@ Floated Menu / Item
814
826
  .ui.compact.menu .item:last-child {
815
827
  border-radius: 0 0.28571429rem 0.28571429rem 0;
816
828
  }
817
- .ui.pagination.menu .item:last-child:before {
829
+ .ui.pagination.menu .item:last-child::before {
818
830
  display: none;
819
831
  }
820
832
  .ui.pagination.menu .item {
@@ -865,7 +877,7 @@ Floated Menu / Item
865
877
  }
866
878
 
867
879
  /* No Divider */
868
- .ui.secondary.menu .item:before {
880
+ .ui.secondary.menu .item::before {
869
881
  display: none !important;
870
882
  }
871
883
 
@@ -1008,7 +1020,7 @@ Floated Menu / Item
1008
1020
  -webkit-box-shadow: none !important;
1009
1021
  box-shadow: none !important;
1010
1022
  }
1011
- .ui.secondary.pointing.menu .item:after {
1023
+ .ui.secondary.pointing.menu .item::after {
1012
1024
  display: none;
1013
1025
  }
1014
1026
 
@@ -1121,8 +1133,8 @@ Floated Menu / Item
1121
1133
  }
1122
1134
 
1123
1135
  /* Border */
1124
- .ui.text.menu .item:before,
1125
- .ui.text.menu .menu .item:before {
1136
+ .ui.text.menu .item::before,
1137
+ .ui.text.menu .menu .item::before {
1126
1138
  display: none !important;
1127
1139
  }
1128
1140
 
@@ -1205,7 +1217,7 @@ Floated Menu / Item
1205
1217
  }
1206
1218
 
1207
1219
  /* Disable Bariations */
1208
- .ui.text.pointing.menu .active.item:after {
1220
+ .ui.text.pointing.menu .active.item::after {
1209
1221
  -webkit-box-shadow: none;
1210
1222
  box-shadow: none;
1211
1223
  }
@@ -1229,8 +1241,8 @@ Floated Menu / Item
1229
1241
  }
1230
1242
 
1231
1243
  /*--------------
1232
- Icon Only
1233
- ---------------*/
1244
+ Icon Only
1245
+ ---------------*/
1234
1246
 
1235
1247
 
1236
1248
  /* Vertical Menu */
@@ -1252,8 +1264,8 @@ Floated Menu / Item
1252
1264
  opacity: 1;
1253
1265
  }
1254
1266
 
1255
- /* Icon Gylph */
1256
- .ui.icon.menu i.icon:before {
1267
+ /* Icon Glyph */
1268
+ .ui.icon.menu i.icon::before {
1257
1269
  opacity: 1;
1258
1270
  }
1259
1271
 
@@ -1325,10 +1337,13 @@ Floated Menu / Item
1325
1337
  -ms-flex-direction: column;
1326
1338
  flex-direction: column;
1327
1339
  }
1340
+ .ui.stackable.menu.pointing .active.item::after {
1341
+ display: none;
1342
+ }
1328
1343
  .ui.stackable.menu .item {
1329
1344
  width: 100% !important;
1330
1345
  }
1331
- .ui.stackable.menu .item:before {
1346
+ .ui.stackable.menu .item::before {
1332
1347
  position: absolute;
1333
1348
  content: '';
1334
1349
  top: auto;
@@ -1459,10 +1474,10 @@ Floated Menu / Item
1459
1474
 
1460
1475
  /*--- Border ---*/
1461
1476
 
1462
- .ui.inverted.menu .item:before {
1477
+ .ui.inverted.menu .item::before {
1463
1478
  background: rgba(255, 255, 255, 0.08);
1464
1479
  }
1465
- .ui.vertical.inverted.menu .item:before {
1480
+ .ui.vertical.inverted.menu .item::before {
1466
1481
  background: rgba(255, 255, 255, 0.08);
1467
1482
  }
1468
1483
 
@@ -1518,7 +1533,7 @@ Floated Menu / Item
1518
1533
  background: transparent;
1519
1534
  color: #FFFFFF;
1520
1535
  }
1521
- .ui.inverted.pointing.menu .active.item:after {
1536
+ .ui.inverted.pointing.menu .active.item::after {
1522
1537
  background: #3D3E3F;
1523
1538
  margin: 0 !important;
1524
1539
  -webkit-box-shadow: none !important;
@@ -1532,7 +1547,7 @@ Floated Menu / Item
1532
1547
  background: #3D3E3F;
1533
1548
  color: #FFFFFF !important;
1534
1549
  }
1535
- .ui.inverted.pointing.menu .active.item:hover:after {
1550
+ .ui.inverted.pointing.menu .active.item:hover::after {
1536
1551
  background: #3D3E3F;
1537
1552
  }
1538
1553
 
@@ -1544,13 +1559,22 @@ Floated Menu / Item
1544
1559
  float: left;
1545
1560
  margin: 0 0.5rem 0 0;
1546
1561
  }
1547
- .ui.floated.menu .item:last-child:before {
1562
+ .ui.floated.menu .item:last-child::before {
1548
1563
  display: none;
1549
1564
  }
1550
1565
  .ui.right.floated.menu {
1551
1566
  float: right;
1552
1567
  margin: 0 0 0 0.5rem;
1553
1568
  }
1569
+ .ui.center.aligned.menu,
1570
+ .ui.centered.menu {
1571
+ display: -webkit-inline-box;
1572
+ display: -ms-inline-flexbox;
1573
+ display: inline-flex;
1574
+ -webkit-transform: translateX(-50%);
1575
+ transform: translateX(-50%);
1576
+ margin-left: 50%;
1577
+ }
1554
1578
 
1555
1579
  /*--------------
1556
1580
  Inverted
@@ -1560,7 +1584,7 @@ Floated Menu / Item
1560
1584
  .ui.ui.inverted.primary.menu {
1561
1585
  background-color: #2185D0;
1562
1586
  }
1563
- .ui.inverted.primary.menu .item:before {
1587
+ .ui.inverted.primary.menu .item::before {
1564
1588
  background-color: rgba(34, 36, 38, 0.1);
1565
1589
  }
1566
1590
  .ui.ui.inverted.primary.menu .active.item {
@@ -1573,7 +1597,7 @@ Floated Menu / Item
1573
1597
  .ui.ui.inverted.red.menu {
1574
1598
  background-color: #DB2828;
1575
1599
  }
1576
- .ui.inverted.red.menu .item:before {
1600
+ .ui.inverted.red.menu .item::before {
1577
1601
  background-color: rgba(34, 36, 38, 0.1);
1578
1602
  }
1579
1603
  .ui.ui.inverted.red.menu .active.item {
@@ -1586,7 +1610,7 @@ Floated Menu / Item
1586
1610
  .ui.ui.inverted.orange.menu {
1587
1611
  background-color: #F2711C;
1588
1612
  }
1589
- .ui.inverted.orange.menu .item:before {
1613
+ .ui.inverted.orange.menu .item::before {
1590
1614
  background-color: rgba(34, 36, 38, 0.1);
1591
1615
  }
1592
1616
  .ui.ui.inverted.orange.menu .active.item {
@@ -1599,7 +1623,7 @@ Floated Menu / Item
1599
1623
  .ui.ui.inverted.yellow.menu {
1600
1624
  background-color: #FBBD08;
1601
1625
  }
1602
- .ui.inverted.yellow.menu .item:before {
1626
+ .ui.inverted.yellow.menu .item::before {
1603
1627
  background-color: rgba(34, 36, 38, 0.1);
1604
1628
  }
1605
1629
  .ui.ui.inverted.yellow.menu .active.item {
@@ -1612,7 +1636,7 @@ Floated Menu / Item
1612
1636
  .ui.ui.inverted.olive.menu {
1613
1637
  background-color: #B5CC18;
1614
1638
  }
1615
- .ui.inverted.olive.menu .item:before {
1639
+ .ui.inverted.olive.menu .item::before {
1616
1640
  background-color: rgba(34, 36, 38, 0.1);
1617
1641
  }
1618
1642
  .ui.ui.inverted.olive.menu .active.item {
@@ -1625,7 +1649,7 @@ Floated Menu / Item
1625
1649
  .ui.ui.inverted.green.menu {
1626
1650
  background-color: #21BA45;
1627
1651
  }
1628
- .ui.inverted.green.menu .item:before {
1652
+ .ui.inverted.green.menu .item::before {
1629
1653
  background-color: rgba(34, 36, 38, 0.1);
1630
1654
  }
1631
1655
  .ui.ui.inverted.green.menu .active.item {
@@ -1638,7 +1662,7 @@ Floated Menu / Item
1638
1662
  .ui.ui.inverted.teal.menu {
1639
1663
  background-color: #00B5AD;
1640
1664
  }
1641
- .ui.inverted.teal.menu .item:before {
1665
+ .ui.inverted.teal.menu .item::before {
1642
1666
  background-color: rgba(34, 36, 38, 0.1);
1643
1667
  }
1644
1668
  .ui.ui.inverted.teal.menu .active.item {
@@ -1651,7 +1675,7 @@ Floated Menu / Item
1651
1675
  .ui.ui.inverted.blue.menu {
1652
1676
  background-color: #2185D0;
1653
1677
  }
1654
- .ui.inverted.blue.menu .item:before {
1678
+ .ui.inverted.blue.menu .item::before {
1655
1679
  background-color: rgba(34, 36, 38, 0.1);
1656
1680
  }
1657
1681
  .ui.ui.inverted.blue.menu .active.item {
@@ -1664,7 +1688,7 @@ Floated Menu / Item
1664
1688
  .ui.ui.inverted.violet.menu {
1665
1689
  background-color: #6435C9;
1666
1690
  }
1667
- .ui.inverted.violet.menu .item:before {
1691
+ .ui.inverted.violet.menu .item::before {
1668
1692
  background-color: rgba(34, 36, 38, 0.1);
1669
1693
  }
1670
1694
  .ui.ui.inverted.violet.menu .active.item {
@@ -1677,7 +1701,7 @@ Floated Menu / Item
1677
1701
  .ui.ui.inverted.purple.menu {
1678
1702
  background-color: #A333C8;
1679
1703
  }
1680
- .ui.inverted.purple.menu .item:before {
1704
+ .ui.inverted.purple.menu .item::before {
1681
1705
  background-color: rgba(34, 36, 38, 0.1);
1682
1706
  }
1683
1707
  .ui.ui.inverted.purple.menu .active.item {
@@ -1690,7 +1714,7 @@ Floated Menu / Item
1690
1714
  .ui.ui.inverted.pink.menu {
1691
1715
  background-color: #E03997;
1692
1716
  }
1693
- .ui.inverted.pink.menu .item:before {
1717
+ .ui.inverted.pink.menu .item::before {
1694
1718
  background-color: rgba(34, 36, 38, 0.1);
1695
1719
  }
1696
1720
  .ui.ui.inverted.pink.menu .active.item {
@@ -1703,7 +1727,7 @@ Floated Menu / Item
1703
1727
  .ui.ui.inverted.brown.menu {
1704
1728
  background-color: #A5673F;
1705
1729
  }
1706
- .ui.inverted.brown.menu .item:before {
1730
+ .ui.inverted.brown.menu .item::before {
1707
1731
  background-color: rgba(34, 36, 38, 0.1);
1708
1732
  }
1709
1733
  .ui.ui.inverted.brown.menu .active.item {
@@ -1716,7 +1740,7 @@ Floated Menu / Item
1716
1740
  .ui.ui.inverted.grey.menu {
1717
1741
  background-color: #767676;
1718
1742
  }
1719
- .ui.inverted.grey.menu .item:before {
1743
+ .ui.inverted.grey.menu .item::before {
1720
1744
  background-color: rgba(34, 36, 38, 0.1);
1721
1745
  }
1722
1746
  .ui.ui.inverted.grey.menu .active.item {
@@ -1729,7 +1753,7 @@ Floated Menu / Item
1729
1753
  .ui.ui.inverted.black.menu {
1730
1754
  background-color: #1B1C1D;
1731
1755
  }
1732
- .ui.inverted.black.menu .item:before {
1756
+ .ui.inverted.black.menu .item::before {
1733
1757
  background-color: rgba(34, 36, 38, 0.1);
1734
1758
  }
1735
1759
  .ui.ui.inverted.black.menu .active.item {
@@ -1738,7 +1762,7 @@ Floated Menu / Item
1738
1762
  .ui.inverted.pointing.black.menu .active.item {
1739
1763
  background-color: #27292a;
1740
1764
  }
1741
- .ui.ui.ui.inverted.pointing.menu .active.item:after {
1765
+ .ui.ui.ui.inverted.pointing.menu .active.item::after {
1742
1766
  background-color: inherit;
1743
1767
  }
1744
1768
 
@@ -1768,9 +1792,9 @@ Floated Menu / Item
1768
1792
  Borderless
1769
1793
  ---------------*/
1770
1794
 
1771
- .ui.borderless.menu .item:before,
1772
- .ui.borderless.menu .item .menu .item:before,
1773
- .ui.menu .borderless.item:before {
1795
+ .ui.borderless.menu .item::before,
1796
+ .ui.borderless.menu .item .menu .item::before,
1797
+ .ui.menu .borderless.item::before {
1774
1798
  background: none !important;
1775
1799
  }
1776
1800
 
@@ -1794,7 +1818,7 @@ Floated Menu / Item
1794
1818
  .ui.compact.menu:not(.secondary) .item:last-child {
1795
1819
  border-radius: 0 0.28571429rem 0.28571429rem 0;
1796
1820
  }
1797
- .ui.compact.menu .item:last-child:before {
1821
+ .ui.compact.menu .item:last-child::before {
1798
1822
  display: none;
1799
1823
  }
1800
1824
  .ui.compact.vertical.menu {
@@ -1832,7 +1856,7 @@ Floated Menu / Item
1832
1856
  .ui.attached.item.menu:not(.tabular) {
1833
1857
  margin: 0 -1px !important;
1834
1858
  }
1835
- .ui.item.menu .item:last-child:before {
1859
+ .ui.item.menu .item:last-child::before {
1836
1860
  display: none;
1837
1861
  }
1838
1862
  .ui.menu.two.item .item {
@@ -1937,7 +1961,7 @@ Floated Menu / Item
1937
1961
  Pointing
1938
1962
  --------------------*/
1939
1963
 
1940
- .ui.pointing.menu .item:after {
1964
+ .ui.pointing.menu .item::after {
1941
1965
  visibility: hidden;
1942
1966
  position: absolute;
1943
1967
  content: '';
@@ -1956,7 +1980,7 @@ Floated Menu / Item
1956
1980
  -webkit-transition: background 0.1s ease;
1957
1981
  transition: background 0.1s ease;
1958
1982
  }
1959
- .ui.vertical.pointing.menu .item:after {
1983
+ .ui.vertical.pointing.menu .item::after {
1960
1984
  position: absolute;
1961
1985
  top: 50%;
1962
1986
  right: 0;
@@ -1969,87 +1993,92 @@ Floated Menu / Item
1969
1993
  border-top: 1px solid #D4D4D5;
1970
1994
  border-right: 1px solid #D4D4D5;
1971
1995
  }
1972
- .ui.pointing.menu .ui.dropdown .menu .item:after,
1973
- .ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
1996
+ .ui.pointing.menu .ui.dropdown .menu .item::after,
1997
+ .ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
1974
1998
  display: none;
1975
1999
  }
1976
2000
 
1977
2001
  /* Active */
1978
- .ui.pointing.menu .active.item:after {
2002
+ .ui.pointing.menu .active.item::after {
1979
2003
  visibility: visible;
1980
2004
  }
1981
- .ui.pointing.menu .active.dropdown.item:after {
2005
+ .ui.pointing.menu .active.dropdown.item::after {
1982
2006
  visibility: hidden;
1983
2007
  }
1984
2008
 
1985
2009
  /* Don't double up pointers */
1986
- .ui.pointing.menu .dropdown.active.item:after,
1987
- .ui.pointing.menu .active.item .menu .active.item:after {
2010
+ .ui.pointing.menu .dropdown.active.item::after,
2011
+ .ui.pointing.menu .active.item .menu .active.item::after {
1988
2012
  display: none;
1989
2013
  }
1990
2014
 
1991
2015
  /* Colors */
1992
- .ui.pointing.menu .active.item:hover:after {
2016
+ .ui.pointing.menu .active.item:hover::after {
1993
2017
  background-color: #F2F2F2;
1994
2018
  }
1995
- .ui.pointing.menu .active.item:after {
2019
+ .ui.pointing.menu .active.item::after {
1996
2020
  background-color: #F2F2F2;
1997
2021
  }
1998
- .ui.pointing.menu .active.item:hover:after {
2022
+ .ui.pointing.menu .active.item:hover::after {
1999
2023
  background-color: #F2F2F2;
2000
2024
  }
2001
- .ui.vertical.pointing.menu .active.item:hover:after {
2025
+ .ui.vertical.pointing.menu .active.item:hover::after {
2002
2026
  background-color: #F2F2F2;
2003
2027
  }
2004
- .ui.vertical.pointing.menu .active.item:after {
2028
+ .ui.vertical.pointing.menu .active.item::after {
2005
2029
  background-color: #F2F2F2;
2006
2030
  }
2007
- .ui.vertical.pointing.menu .menu .active.item:after {
2031
+ .ui.vertical.pointing.menu .menu .active.item::after {
2008
2032
  background-color: #FFFFFF;
2009
2033
  }
2010
- .ui.inverted.pointing.menu .primary.active.item:after {
2034
+ @media only screen and (max-width: 767.98px) {
2035
+ .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
2036
+ display: none;
2037
+ }
2038
+ }
2039
+ .ui.inverted.pointing.menu .primary.active.item::after {
2011
2040
  background-color: #2185D0;
2012
2041
  }
2013
- .ui.inverted.pointing.menu .secondary.active.item:after {
2042
+ .ui.inverted.pointing.menu .secondary.active.item::after {
2014
2043
  background-color: #1B1C1D;
2015
2044
  }
2016
- .ui.inverted.pointing.menu .red.active.item:after {
2045
+ .ui.inverted.pointing.menu .red.active.item::after {
2017
2046
  background-color: #DB2828;
2018
2047
  }
2019
- .ui.inverted.pointing.menu .orange.active.item:after {
2048
+ .ui.inverted.pointing.menu .orange.active.item::after {
2020
2049
  background-color: #F2711C;
2021
2050
  }
2022
- .ui.inverted.pointing.menu .yellow.active.item:after {
2051
+ .ui.inverted.pointing.menu .yellow.active.item::after {
2023
2052
  background-color: #FBBD08;
2024
2053
  }
2025
- .ui.inverted.pointing.menu .olive.active.item:after {
2054
+ .ui.inverted.pointing.menu .olive.active.item::after {
2026
2055
  background-color: #B5CC18;
2027
2056
  }
2028
- .ui.inverted.pointing.menu .green.active.item:after {
2057
+ .ui.inverted.pointing.menu .green.active.item::after {
2029
2058
  background-color: #21BA45;
2030
2059
  }
2031
- .ui.inverted.pointing.menu .teal.active.item:after {
2060
+ .ui.inverted.pointing.menu .teal.active.item::after {
2032
2061
  background-color: #00B5AD;
2033
2062
  }
2034
- .ui.inverted.pointing.menu .blue.active.item:after {
2063
+ .ui.inverted.pointing.menu .blue.active.item::after {
2035
2064
  background-color: #2185D0;
2036
2065
  }
2037
- .ui.inverted.pointing.menu .violet.active.item:after {
2066
+ .ui.inverted.pointing.menu .violet.active.item::after {
2038
2067
  background-color: #6435C9;
2039
2068
  }
2040
- .ui.inverted.pointing.menu .purple.active.item:after {
2069
+ .ui.inverted.pointing.menu .purple.active.item::after {
2041
2070
  background-color: #A333C8;
2042
2071
  }
2043
- .ui.inverted.pointing.menu .pink.active.item:after {
2072
+ .ui.inverted.pointing.menu .pink.active.item::after {
2044
2073
  background-color: #E03997;
2045
2074
  }
2046
- .ui.inverted.pointing.menu .brown.active.item:after {
2075
+ .ui.inverted.pointing.menu .brown.active.item::after {
2047
2076
  background-color: #A5673F;
2048
2077
  }
2049
- .ui.inverted.pointing.menu .grey.active.item:after {
2078
+ .ui.inverted.pointing.menu .grey.active.item::after {
2050
2079
  background-color: #767676;
2051
2080
  }
2052
- .ui.inverted.pointing.menu .black.active.item:after {
2081
+ .ui.inverted.pointing.menu .black.active.item::after {
2053
2082
  background-color: #1B1C1D;
2054
2083
  }
2055
2084
 
@@ -2108,12 +2137,15 @@ Floated Menu / Item
2108
2137
  }
2109
2138
 
2110
2139
  /* Tabular Attached */
2111
- .ui.attached.menu:not(.tabular) {
2140
+ .ui.attached.menu:not(.tabular):not(.text) {
2112
2141
  border: 1px solid #D4D4D5;
2113
2142
  }
2114
2143
  .ui.attached.inverted.menu {
2115
2144
  border: none;
2116
2145
  }
2146
+ .ui[class*="top attached"].inverted.tabular.menu {
2147
+ border-bottom: 1px solid #555555;
2148
+ }
2117
2149
  .ui.attached.tabular.menu {
2118
2150
  margin-left: 0;
2119
2151
  margin-right: 0;
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.8.8 - Message
2
+ * # Fomantic-UI 2.9.0 - Message
3
3
  * http://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -44,7 +44,7 @@
44
44
  /* Header */
45
45
  .ui.message .header {
46
46
  display: block;
47
- font-family: $font-family;
47
+ 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";
48
48
  font-weight: bold;
49
49
  margin: -0.14285714em 0 0 0;
50
50
  }
@@ -89,7 +89,7 @@
89
89
  margin: 0 0 0.3em 1em;
90
90
  padding: 0;
91
91
  }
92
- .ui.message .list:not(.ui) li:before {
92
+ .ui.message .list:not(.ui) li::before {
93
93
  position: absolute;
94
94
  content: '•';
95
95
  left: -1em;
@@ -332,46 +332,6 @@
332
332
  .ui.inverted.negative.message .header {
333
333
  color: #E0B4B4;
334
334
  }
335
- .ui.info.message {
336
- background-color: #F8FFFF;
337
- color: #276F86;
338
- }
339
- .ui.info.message,
340
- .ui.attached.info.message {
341
- -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
342
- box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
343
- }
344
- .ui.floating.info.message {
345
- -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
346
- box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
347
- }
348
- .ui.info.message .header {
349
- color: #0E566C;
350
- }
351
- .ui.inverted.info.message,
352
- .ui.inverted.info.message .header {
353
- color: #c6e3e9;
354
- }
355
- .ui.warning.message {
356
- background-color: #FFFAF3;
357
- color: #573A08;
358
- }
359
- .ui.warning.message,
360
- .ui.attached.warning.message {
361
- -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
362
- box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
363
- }
364
- .ui.floating.warning.message {
365
- -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
366
- box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
367
- }
368
- .ui.warning.message .header {
369
- color: #794B02;
370
- }
371
- .ui.inverted.warning.message,
372
- .ui.inverted.warning.message .header {
373
- color: #d7ccb5;
374
- }
375
335
  .ui.error.message {
376
336
  background-color: #FFF6F6;
377
337
  color: #9F3A38;
@@ -392,6 +352,26 @@
392
352
  .ui.inverted.error.message .header {
393
353
  color: #ecd1d1;
394
354
  }
355
+ .ui.info.message {
356
+ background-color: #F8FFFF;
357
+ color: #276F86;
358
+ }
359
+ .ui.info.message,
360
+ .ui.attached.info.message {
361
+ -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
362
+ box-shadow: 0 0 0 1px #A9D5DE inset, 0 0 0 0 rgba(0, 0, 0, 0);
363
+ }
364
+ .ui.floating.info.message {
365
+ -webkit-box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
366
+ box-shadow: 0 0 0 1px #A9D5DE inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
367
+ }
368
+ .ui.info.message .header {
369
+ color: #0E566C;
370
+ }
371
+ .ui.inverted.info.message,
372
+ .ui.inverted.info.message .header {
373
+ color: #c6e3e9;
374
+ }
395
375
  .ui.success.message {
396
376
  background-color: #FCFFF5;
397
377
  color: #2C662D;
@@ -412,6 +392,26 @@
412
392
  .ui.inverted.success.message .header {
413
393
  color: #b9d1ad;
414
394
  }
395
+ .ui.warning.message {
396
+ background-color: #FFFAF3;
397
+ color: #573A08;
398
+ }
399
+ .ui.warning.message,
400
+ .ui.attached.warning.message {
401
+ -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
402
+ box-shadow: 0 0 0 1px #C9BA9B inset, 0 0 0 0 rgba(0, 0, 0, 0);
403
+ }
404
+ .ui.floating.warning.message {
405
+ -webkit-box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
406
+ box-shadow: 0 0 0 1px #C9BA9B inset, 0 2px 4px 0 rgba(34, 36, 38, 0.12), 0 2px 10px 0 rgba(34, 36, 38, 0.15);
407
+ }
408
+ .ui.warning.message .header {
409
+ color: #794B02;
410
+ }
411
+ .ui.inverted.warning.message,
412
+ .ui.inverted.warning.message .header {
413
+ color: #d7ccb5;
414
+ }
415
415
  .ui.primary.message {
416
416
  background-color: #DFF0FF;
417
417
  color: rgba(255, 255, 255, 0.9);