@ntlab/ntjs-assets 2.0.2 → 2.0.3

package/assets/js/semantic-ui/components/menu.css

@@ -1,11 +1,10 @@
-/*
- * # Fomantic - Menu
- * http://github.com/fomantic/Fomantic-UI/
+/*!
+ * # Fomantic-UI 2.9.2 - Menu
+ * https://github.com/fomantic/Fomantic-UI/
  *
  *
- * Copyright 2015 Contributor
  * Released under the MIT license
- * http://opensource.org/licenses/MIT
+ * https://opensource.org/licenses/MIT
  *
  */
 
@@ -15,26 +14,22 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Menu
----------------*/
-
+--------------- */
 .ui.menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin: 1rem 0;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  background: #FFFFFF;
+  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";
+  background: #fff;
   font-weight: normal;
   border: 1px solid rgba(34, 36, 38, 0.15);
-  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
-          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
   border-radius: 0.28571429rem;
   min-height: 2.85714286em;
 }
-.ui.menu:after {
-  content: '';
+.ui.menu::after {
+  content: "";
   display: block;
   height: 0;
   clear: both;
@@ -47,30 +42,22 @@
   margin-bottom: 0;
 }
 
-/*--------------
+/* --------------
     Sub-Menu
----------------*/
-
+--------------- */
 .ui.menu .menu {
   margin: 0;
 }
 .ui.menu:not(.vertical) > .menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
 }
 
-/*--------------
+/* --------------
       Item
----------------*/
-
+--------------- */
 .ui.menu:not(.vertical) .item {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
+  align-items: center;
 }
 .ui.menu .item {
   position: relative;
@@ -78,11 +65,8 @@
   line-height: 1;
   text-decoration: none;
   -webkit-tap-highlight-color: transparent;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
+  flex: 0 0 auto;
   -webkit-user-select: none;
-     -moz-user-select: none;
       -ms-user-select: none;
           user-select: none;
   background: none;
@@ -90,19 +74,16 @@
   text-transform: none;
   color: rgba(0, 0, 0, 0.87);
   font-weight: normal;
-  -webkit-transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
-  transition: background 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
   transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease;
-  transition: background 0.1s ease, box-shadow 0.1s ease, color 0.1s ease, -webkit-box-shadow 0.1s ease;
 }
 .ui.menu > .item:first-child {
   border-radius: 0.28571429rem 0 0 0.28571429rem;
 }
 
 /* Border */
-.ui.menu .item:before {
+.ui.menu .item::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 0;
   right: 0;
   height: 100%;
@@ -110,15 +91,13 @@
   background: rgba(34, 36, 38, 0.1);
 }
 
-/*--------------
+/* --------------
   Text Content
----------------*/
-
+--------------- */
 .ui.menu .text.item > *,
 .ui.menu .item > a:not(.ui),
 .ui.menu .item > p:only-child {
   -webkit-user-select: text;
-     -moz-user-select: text;
       -ms-user-select: text;
           user-select: text;
   line-height: 1.3;
@@ -130,20 +109,18 @@
   margin-bottom: 0;
 }
 
-/*--------------
+/* --------------
       Icons
----------------*/
-
+--------------- */
 .ui.menu .item > i.icon {
   opacity: 0.9;
   float: none;
   margin: 0 0.35714286em 0 0;
 }
 
-/*--------------
+/* --------------
      Button
----------------*/
-
+--------------- */
 .ui.menu:not(.vertical) .item > .button {
   position: relative;
   top: 0;
@@ -153,28 +130,19 @@
   font-size: 1em;
 }
 
-/*----------------
+/* ----------------
  Grid / Container
------------------*/
-
+----------------- */
 .ui.menu > .grid,
 .ui.menu > .container {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
-  -webkit-box-align: inherit;
-      -ms-flex-align: inherit;
-          align-items: inherit;
-  -webkit-box-orient: inherit;
-  -webkit-box-direction: inherit;
-      -ms-flex-direction: inherit;
-          flex-direction: inherit;
+  align-items: inherit;
+  flex-direction: inherit;
 }
 
-/*--------------
+/* --------------
      Inputs
----------------*/
-
+--------------- */
 .ui.menu .item > .input {
   width: 100%;
 }
@@ -189,14 +157,13 @@
   padding-bottom: 0.57142857em;
 }
 
-/*--------------
+/* --------------
      Header
----------------*/
-
+--------------- */
 .ui.menu .header.item,
 .ui.vertical.menu .header.item {
   margin: 0;
-  background: '';
+  background: "";
   text-transform: normal;
   font-weight: bold;
 }
@@ -206,10 +173,9 @@
   font-weight: bold;
 }
 
-/*--------------
+/* --------------
     Dropdowns
----------------*/
-
+--------------- */
 
 /* Dropdown Icon */
 .ui.menu .item > i.dropdown.icon {
@@ -222,14 +188,12 @@
 .ui.menu .dropdown.item .menu {
   min-width: calc(100% - 1px);
   border-radius: 0 0 0.28571429rem 0.28571429rem;
-  background: #FFFFFF;
+  background: #fff;
   margin: 0 0 0;
-  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
-  -webkit-box-orient: vertical !important;
-  -webkit-box-direction: normal !important;
-      -ms-flex-direction: column !important;
-          flex-direction: column !important;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+}
+.ui.menu .dropdown.item:not(.column) .menu {
+  flex-direction: column;
 }
 
 /* Menu Items */
@@ -242,9 +206,7 @@
   color: rgba(0, 0, 0, 0.87) !important;
   text-transform: none !important;
   font-weight: normal !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
-  -webkit-transition: none !important;
+  box-shadow: none !important;
   transition: none !important;
 }
 .ui.menu .ui.dropdown .menu > .item:hover {
@@ -263,7 +225,8 @@
 .ui.menu .ui.dropdown.item .menu .item:not(.filtered) {
   display: block;
 }
-.ui.menu .ui.dropdown .menu > .item .icon:not(.dropdown) {
+.ui.menu .ui.dropdown .menu > .item > .icons,
+.ui.menu .ui.dropdown .menu > .item > i.icon:not(.dropdown) {
   display: inline-block;
   font-size: 1em !important;
   float: none;
@@ -289,7 +252,7 @@
 }
 
 /* Vertical */
-.ui.vertical.menu .dropdown.item > .icon {
+.ui.vertical.menu .dropdown.item > i.icon {
   float: right;
   content: "\f0da";
   margin-left: 1em;
@@ -300,11 +263,9 @@
 /* IE needs 0, all others support max-content to show dropdown icon inline, so keep both settings! */
   min-width: 0;
   min-width: -webkit-max-content;
-  min-width: -moz-max-content;
   min-width: max-content;
   margin: 0 0 0 0;
-  -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
-          box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
   border-radius: 0 0.28571429rem 0.28571429rem 0.28571429rem;
 }
 .ui.vertical.menu .dropdown.item.upward .menu {
@@ -318,8 +279,7 @@
   border-bottom-right-radius: 0;
 }
 .ui.vertical.menu .dropdown.active.item {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Evenly Divided */
@@ -327,10 +287,9 @@
   width: 100%;
 }
 
-/*--------------
+/* --------------
      Labels
----------------*/
-
+--------------- */
 .ui.menu .item > .label:not(.floating) {
   margin-left: 1em;
   padding: 0.3em 0.78571429em;
@@ -344,18 +303,17 @@
   padding: 0.3em 0.78571429em;
 }
 .ui.menu .item > .label {
-  background: #999999;
-  color: #FFFFFF;
+  background: #999;
+  color: #fff;
 }
 .ui.menu .item > .image.label img {
   margin: -0.2833em 0.8em -0.2833em -0.8em;
   height: 1.5666em;
 }
 
-/*--------------
+/* --------------
      Images
----------------*/
-
+--------------- */
 .ui.menu .item > img:not(.ui) {
   display: inline-block;
   vertical-align: middle;
@@ -374,23 +332,21 @@
 *******************************/
 
 
-/*--------------
+/* --------------
      List
----------------*/
-
+--------------- */
 
-/* Menu divider shouldnt apply */
-.ui.menu .list .item:before {
+/* Menu divider shouldn't apply */
+.ui.menu .list .item::before {
   background: none !important;
 }
 
-/*--------------
-       Sidebar
-  ---------------*/
-
+/* --------------
+         Sidebar
+    --------------- */
 
 /* Show vertical dividers below last */
-.ui.vertical.sidebar.menu > .item:first-child:before {
+.ui.vertical.sidebar.menu > .item:first-child::before {
   display: block !important;
 }
 .ui.vertical.sidebar.menu > .item::before {
@@ -398,10 +354,9 @@
   bottom: 0;
 }
 
-/*--------------
+/* --------------
     Container
----------------*/
-
+--------------- */
 @media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
@@ -425,10 +380,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Hover
----------------*/
-
+--------------- */
 .ui.link.menu .item:hover,
 .ui.menu .dropdown.item:hover,
 .ui.menu .link.item:hover,
@@ -438,10 +392,9 @@
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
+/* --------------
      Pressed
----------------*/
-
+--------------- */
 .ui.link.menu .item:active,
 .ui.menu .link.item:active,
 .ui.menu a.item:active {
@@ -449,35 +402,31 @@
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
+/* --------------
      Active
----------------*/
-
+--------------- */
 .ui.menu .active.item {
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
   font-weight: normal;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.menu .active.item > i.icon {
   opacity: 1;
 }
 
-/*--------------
+/* --------------
   Active Hover
----------------*/
-
+--------------- */
 .ui.menu .active.item:hover,
 .ui.vertical.menu .active.item:hover {
   background-color: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
+/* --------------
      Disabled
----------------*/
-
+--------------- */
 .ui.ui.menu .item.disabled {
   cursor: default;
   background-color: transparent;
@@ -491,16 +440,13 @@
 *******************************/
 
 
-/*------------------
+/* ------------------
 Floated Menu / Item
--------------------*/
-
+------------------- */
 
 /* Left Floated */
 .ui.menu:not(.vertical) .left.item,
 .ui.menu:not(.vertical) .left.menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-right: auto !important;
 }
@@ -508,8 +454,6 @@ Floated Menu / Item
 /* Right Floated */
 .ui.menu:not(.vertical) .right.item,
 .ui.menu:not(.vertical) .right.menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-left: auto !important;
 }
@@ -521,8 +465,6 @@ Floated Menu / Item
 /* Center */
 .ui.menu:not(.vertical) .center.item,
 .ui.menu:not(.vertical) .center.menu {
-  display: -webkit-box;
-  display: -ms-flexbox;
   display: flex;
   margin-left: auto !important;
   margin-right: auto !important;
@@ -541,23 +483,17 @@ Floated Menu / Item
   display: none;
 }
 
-/*--------------
-      Vertical
-  ---------------*/
-
+/* --------------
+        Vertical
+    --------------- */
 .ui.vertical.menu {
   display: block;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  background: #FFFFFF;
-  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
-          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
+  flex-direction: column;
+  background: #fff;
+  box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
 }
 
-/*--- Item ---*/
-
+/* --- Item --- */
 .ui.vertical.menu .item {
   display: block;
   background: none;
@@ -571,15 +507,13 @@ Floated Menu / Item
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 
-/*--- Label ---*/
-
+/* --- Label --- */
 .ui.vertical.menu .item > .label {
   float: right;
   text-align: center;
 }
 
-/*--- Icon ---*/
-
+/* --- Icon --- */
 .ui.vertical.menu .item > i.icon,
 .ui.vertical.menu .item > i.icons {
   width: 1.18em;
@@ -591,23 +525,21 @@ Floated Menu / Item
   margin: 0 0.5em 0 0;
 }
 
-/*--- Border ---*/
-
-.ui.vertical.menu .item:before {
+/* --- Border --- */
+.ui.vertical.menu .item::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 0;
   left: 0;
   width: 100%;
   height: 1px;
   background: rgba(34, 36, 38, 0.1);
 }
-.ui.vertical.menu .item:first-child:before {
+.ui.vertical.menu .item:first-child::before {
   display: none !important;
 }
 
-/*--- Sub Menu ---*/
-
+/* --- Sub Menu --- */
 .ui.vertical.menu .item > .menu {
   margin: 0.5em -1.14285714em 0;
 }
@@ -621,7 +553,7 @@ Floated Menu / Item
 .ui.vertical.menu .item .menu .link.item:hover {
   color: rgba(0, 0, 0, 0.85);
 }
-.ui.vertical.menu .menu .item:before {
+.ui.vertical.menu .menu .item::before {
   display: none;
 }
 
@@ -629,8 +561,7 @@ Floated Menu / Item
 .ui.vertical.menu .active.item {
   background: rgba(0, 0, 0, 0.05);
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.vertical.menu > .active.item:first-child {
   border-radius: 0.28571429rem 0.28571429rem 0 0;
@@ -650,17 +581,15 @@ Floated Menu / Item
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
-       Tabular
-  ---------------*/
-
+/* --------------
+         Tabular
+    --------------- */
 .ui.tabular.menu {
   border-radius: 0;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   border: none;
   background: none transparent;
-  border-bottom: 1px solid #D4D4D5;
+  border-bottom: 1px solid #d4d4d5;
 }
 .ui.tabular.fluid.menu {
   width: calc(100% + 2px) !important;
@@ -674,7 +603,7 @@ Floated Menu / Item
   padding: 0.92857143em 1.42857143em;
   color: rgba(0, 0, 0, 0.87);
 }
-.ui.tabular.menu .item:before {
+.ui.tabular.menu .item::before {
   display: none;
 }
 
@@ -686,20 +615,21 @@ Floated Menu / Item
 
 /* Active */
 .ui.tabular.menu .active.item {
-  background: none #FFFFFF;
+  background: none #fff;
   color: rgba(0, 0, 0, 0.95);
   border-top-width: 1px;
-  border-color: #D4D4D5;
+  border-color: #d4d4d5;
   font-weight: bold;
   margin-bottom: -1px;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   border-radius: 0.28571429rem 0.28571429rem 0 0 !important;
 }
+.ui.tabular.menu .active.item:hover {
+  cursor: default;
+}
 
 /* Coupling with segment for attachment */
-.ui.tabular.menu + .attached:not(.top).segment,
-.ui.tabular.menu + .attached:not(.top).segment + .attached:not(.top).segment {
+.ui.tabular.menu ~ .attached:not(.top).segment {
   border-top: none;
   margin-left: 0;
   margin-top: 0;
@@ -716,10 +646,9 @@ Floated Menu / Item
 .ui.bottom.tabular.menu {
   background: none transparent;
   border-radius: 0;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   border-bottom: none;
-  border-top: 1px solid #D4D4D5;
+  border-top: 1px solid #d4d4d5;
 }
 .ui.bottom.tabular.menu .item {
   background: none;
@@ -729,9 +658,9 @@ Floated Menu / Item
   border-top: none;
 }
 .ui.bottom.tabular.menu .active.item {
-  background: none #FFFFFF;
+  background: none #fff;
   color: rgba(0, 0, 0, 0.95);
-  border-color: #D4D4D5;
+  border-color: #d4d4d5;
   margin: -1px 0 0 0;
   border-radius: 0 0 0.28571429rem 0.28571429rem !important;
 }
@@ -740,10 +669,9 @@ Floated Menu / Item
 .ui.vertical.tabular.menu {
   background: none transparent;
   border-radius: 0;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   border-bottom: none;
-  border-right: 1px solid #D4D4D5;
+  border-right: 1px solid #d4d4d5;
 }
 .ui.vertical.tabular.menu .item {
   background: none;
@@ -753,9 +681,9 @@ Floated Menu / Item
   border-right: none;
 }
 .ui.vertical.tabular.menu .active.item {
-  background: none #FFFFFF;
+  background: none #fff;
   color: rgba(0, 0, 0, 0.95);
-  border-color: #D4D4D5;
+  border-color: #d4d4d5;
   margin: 0 -1px 0 0;
   border-radius: 0.28571429rem 0 0 0.28571429rem !important;
 }
@@ -764,11 +692,10 @@ Floated Menu / Item
 .ui.vertical.right.tabular.menu {
   background: none transparent;
   border-radius: 0;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   border-bottom: none;
   border-right: none;
-  border-left: 1px solid #D4D4D5;
+  border-left: 1px solid #d4d4d5;
 }
 .ui.vertical.right.tabular.menu .item {
   background: none;
@@ -778,9 +705,9 @@ Floated Menu / Item
   border-left: none;
 }
 .ui.vertical.right.tabular.menu .active.item {
-  background: none #FFFFFF;
+  background: none #fff;
   color: rgba(0, 0, 0, 0.95);
-  border-color: #D4D4D5;
+  border-color: #d4d4d5;
   margin: 0 0 0 -1px;
   border-radius: 0 0.28571429rem 0.28571429rem 0 !important;
 }
@@ -793,15 +720,22 @@ Floated Menu / Item
   border-top: 2px solid transparent;
   border-bottom: none;
 }
+.ui.inverted.tabular.menu .active.item,
+.ui.inverted.tabular.menu .active.item:hover {
+  background: none #1b1c1d;
+  border-color: #555;
+}
+.ui.inverted.tabular.menu .item:not(.active):hover {
+  color: #ffffff;
+  background: transparent;
+  cursor: pointer;
+}
 
-/*--------------
-     Pagination
-  ---------------*/
-
+/* --------------
+       Pagination
+    --------------- */
 .ui.pagination.menu {
   margin: 0;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   vertical-align: middle;
 }
@@ -811,7 +745,7 @@ Floated Menu / Item
 .ui.compact.menu .item:last-child {
   border-radius: 0 0.28571429rem 0.28571429rem 0;
 }
-.ui.pagination.menu .item:last-child:before {
+.ui.pagination.menu:not(.wrapping) .item:last-child::before {
   display: none;
 }
 .ui.pagination.menu .item {
@@ -828,41 +762,35 @@ Floated Menu / Item
   padding-top: 0.92857143em;
   background-color: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
-/*--------------
-     Secondary
-  ---------------*/
-
+/* --------------
+       Secondary
+    --------------- */
 .ui.secondary.menu {
   background: none;
   margin-left: -0.35714286em;
   margin-right: -0.35714286em;
   border-radius: 0;
   border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Item */
 .ui.secondary.menu .item {
-  -ms-flex-item-align: center;
-      align-self: center;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  align-self: center;
+  box-shadow: none;
   border: none;
   padding: 0.78571429em 0.92857143em;
   margin: 0 0.35714286em;
   background: none;
-  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
   border-radius: 0.28571429rem;
 }
 
 /* No Divider */
-.ui.secondary.menu .item:before {
+.ui.secondary.menu .item::before {
   display: none !important;
 }
 
@@ -888,8 +816,7 @@ Floated Menu / Item
 
 /* Active */
 .ui.secondary.menu .active.item {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
   border-radius: 0.28571429rem;
@@ -897,8 +824,7 @@ Floated Menu / Item
 
 /* Active Hover */
 .ui.secondary.menu .active.item:hover {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   background: rgba(0, 0, 0, 0.05);
   color: rgba(0, 0, 0, 0.95);
 }
@@ -928,14 +854,12 @@ Floated Menu / Item
   margin-right: 0;
 }
 .ui.secondary.attached.menu {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
-/*---------------------
-       Secondary Vertical
-    -----------------------*/
-
+/* ---------------------
+           Secondary Vertical
+        ----------------------- */
 
 /* Sub Menu */
 .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
@@ -964,25 +888,20 @@ Floated Menu / Item
   background-color: transparent;
 }
 
-/*---------------------
-       Secondary Pointing
-    -----------------------*/
-
+/* ---------------------
+           Secondary Pointing
+        ----------------------- */
 .ui.secondary.pointing.menu {
   margin-left: 0;
   margin-right: 0;
   border-bottom: 2px solid rgba(34, 36, 38, 0.15);
 }
 .ui.secondary.pointing.menu .item {
-  border-bottom-color: transparent;
-  border-bottom-style: solid;
+  border-bottom: 2px solid transparent;
   border-radius: 0;
-  -ms-flex-item-align: end;
-      align-self: flex-end;
+  align-self: flex-end;
   margin: 0 0 -2px;
   padding: 0.85714286em 1.14285714em;
-  border-bottom-width: 2px;
-  -webkit-transition: color 0.1s ease;
   transition: color 0.1s ease;
 }
 .ui.secondary.pointing.menu .ui.dropdown .menu .item {
@@ -1002,10 +921,9 @@ Floated Menu / Item
   color: rgba(0, 0, 0, 0.85) !important;
 }
 .ui.secondary.pointing.menu .text.item {
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
 }
-.ui.secondary.pointing.menu .item:after {
+.ui.secondary.pointing.menu .item::after {
   display: none;
 }
 
@@ -1028,8 +946,7 @@ Floated Menu / Item
 /* Active */
 .ui.secondary.pointing.menu .active.item {
   background-color: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   border-color: currentColor;
   font-weight: bold;
   color: rgba(0, 0, 0, 0.95);
@@ -1049,17 +966,13 @@ Floated Menu / Item
 /* Vertical Pointing */
 .ui.secondary.vertical.pointing.menu {
   border-bottom-width: 0;
-  border-right-width: 2px;
-  border-right-style: solid;
-  border-right-color: rgba(34, 36, 38, 0.15);
+  border-right: 2px solid rgba(34, 36, 38, 0.15);
 }
 .ui.secondary.vertical.pointing.menu .item {
   border-bottom: none;
-  border-right-style: solid;
-  border-right-color: transparent;
+  border-right: 2px solid transparent;
   border-radius: 0 !important;
   margin: 0 -2px 0 0;
-  border-right-width: 2px;
 }
 
 /* Vertical Active */
@@ -1075,7 +988,7 @@ Floated Menu / Item
   color: rgba(255, 255, 255, 0.9);
 }
 .ui.secondary.inverted.pointing.menu .header.item {
-  color: #FFFFFF !important;
+  color: #fff !important;
 }
 
 /* Hover */
@@ -1086,40 +999,35 @@ Floated Menu / Item
 
 /* Active */
 .ui.ui.secondary.inverted.pointing.menu .active.item {
-  border-color: #FFFFFF;
+  border-color: #fff;
   color: #ffffff;
   background-color: transparent;
 }
 
-/*--------------
-      Text Menu
-  ---------------*/
-
+/* --------------
+        Text Menu
+    --------------- */
 .ui.text.menu {
   background: none transparent;
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   border: none;
   margin: 1em -0.5em;
 }
 .ui.text.menu .item {
   border-radius: 0;
-  -webkit-box-shadow: none;
-          box-shadow: none;
-  -ms-flex-item-align: center;
-      align-self: center;
-  margin: 0 0;
+  box-shadow: none;
+  align-self: center;
+  margin: 0;
   padding: 0.35714286em 0.5em;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.6);
-  -webkit-transition: opacity 0.1s ease;
   transition: opacity 0.1s ease;
 }
 
 /* Border */
-.ui.text.menu .item:before,
-.ui.text.menu .menu .item:before {
+.ui.text.menu .item::before,
+.ui.text.menu .menu .item::before {
   display: none !important;
 }
 
@@ -1138,14 +1046,12 @@ Floated Menu / Item
   margin: 0;
 }
 
-/*--- fluid text ---*/
-
+/* --- fluid text --- */
 .ui.text.item.menu .item {
   margin: 0;
 }
 
-/*--- vertical text ---*/
-
+/* --- vertical text --- */
 .ui.vertical.text.menu {
   margin: 1em 0;
 }
@@ -1177,38 +1083,32 @@ Floated Menu / Item
   padding: 0.5em 0;
 }
 
-/*--- hover ---*/
-
+/* --- hover --- */
 .ui.text.menu .item:hover {
   opacity: 1;
   background-color: transparent;
 }
 
-/*--- active ---*/
-
+/* --- active --- */
 .ui.text.menu .active.item {
   background-color: transparent;
   border: none;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
   font-weight: normal;
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--- active hover ---*/
-
+/* --- active hover --- */
 .ui.text.menu .active.item:hover {
   background-color: transparent;
 }
 
 /* Disable Bariations */
-.ui.text.pointing.menu .active.item:after {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+.ui.text.pointing.menu .active.item::after {
+  box-shadow: none;
 }
 .ui.text.attached.menu {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Inverted */
@@ -1225,10 +1125,9 @@ Floated Menu / Item
   margin-right: 0;
 }
 
-/*--------------
-    Icon Only
----------------*/
-
+/* --------------
+        Icon Only
+    --------------- */
 
 /* Vertical Menu */
 .ui.vertical.icon.menu {
@@ -1240,28 +1139,28 @@ Floated Menu / Item
 .ui.icon.menu .item {
   height: auto;
   text-align: center;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Icon */
-.ui.icon.menu .item > .icon:not(.dropdown) {
+.ui.icon.menu .item > i.icon:not(.dropdown) {
   margin: 0;
   opacity: 1;
 }
 
-/* Icon Gylph */
-.ui.icon.menu .icon:before {
+/* Icon Glyph */
+.ui.icon.menu i.icon::before {
   opacity: 1;
 }
 
 /* (x) Item Icon */
-.ui.menu .icon.item > .icon {
+.ui.menu .icon.item > i.icon {
   width: auto;
   margin: 0 auto;
 }
 
 /* Vertical Icon */
-.ui.vertical.icon.menu .item > .icon:not(.dropdown) {
+.ui.vertical.icon.menu .item > i.icon:not(.dropdown) {
   display: block;
   opacity: 1;
   margin: 0 auto;
@@ -1270,13 +1169,12 @@ Floated Menu / Item
 
 /* Inverted */
 .ui.inverted.icon.menu .item {
-  color: #FFFFFF;
+  color: #fff;
 }
 
-/*--------------
-     Labeled Icon
-  ---------------*/
-
+/* --------------
+       Labeled Icon
+    --------------- */
 
 /* Menu */
 .ui.labeled.icon.menu {
@@ -1286,14 +1184,12 @@ Floated Menu / Item
 /* Item */
 .ui.labeled.icon.menu .item {
   min-width: 6em;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
+  flex-direction: column;
 }
 
 /* Icon */
-.ui.labeled.icon.menu > .item > .icon:not(.dropdown) {
+.ui.labeled.icon.menu > .right.menu > .item > i.icon:not(.dropdown),
+.ui.labeled.icon.menu > .item > i.icon:not(.dropdown) {
   height: 1em;
   display: block;
   font-size: 1.71428571em !important;
@@ -1311,23 +1207,22 @@ Floated Menu / Item
 *******************************/
 
 
-/*--------------
-      Stackable
-  ---------------*/
-
+/* --------------
+        Stackable
+    --------------- */
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
+  }
+  .ui.stackable.menu.pointing .active.item::after {
+    display: none;
   }
   .ui.stackable.menu .item {
     width: 100% !important;
   }
-  .ui.stackable.menu .item:before {
+  .ui.stackable.menu .item::before {
     position: absolute;
-    content: '';
+    content: "";
     top: auto;
     bottom: 0;
     left: 0;
@@ -1351,76 +1246,72 @@ Floated Menu / Item
   .ui.stackable.menu .right.menu,
   .ui.stackable.menu .center.menu,
   .ui.stackable.menu .left.menu {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    flex-direction: column;
   }
 }
 
-/*--------------
+/* --------------
      Colors
----------------*/
-
+--------------- */
 .ui.ui.ui.menu .primary.active.item,
 .ui.ui.primary.menu .active.item:hover,
 .ui.ui.primary.menu .active.item {
-  color: #2185D0;
+  color: #2185d0;
 }
 .ui.ui.ui.menu .red.active.item,
 .ui.ui.red.menu .active.item:hover,
 .ui.ui.red.menu .active.item {
-  color: #DB2828;
+  color: #db2828;
 }
 .ui.ui.ui.menu .orange.active.item,
 .ui.ui.orange.menu .active.item:hover,
 .ui.ui.orange.menu .active.item {
-  color: #F2711C;
+  color: #f2711c;
 }
 .ui.ui.ui.menu .yellow.active.item,
 .ui.ui.yellow.menu .active.item:hover,
 .ui.ui.yellow.menu .active.item {
-  color: #FBBD08;
+  color: #fbbd08;
 }
 .ui.ui.ui.menu .olive.active.item,
 .ui.ui.olive.menu .active.item:hover,
 .ui.ui.olive.menu .active.item {
-  color: #B5CC18;
+  color: #b5cc18;
 }
 .ui.ui.ui.menu .green.active.item,
 .ui.ui.green.menu .active.item:hover,
 .ui.ui.green.menu .active.item {
-  color: #21BA45;
+  color: #21ba45;
 }
 .ui.ui.ui.menu .teal.active.item,
 .ui.ui.teal.menu .active.item:hover,
 .ui.ui.teal.menu .active.item {
-  color: #00B5AD;
+  color: #00b5ad;
 }
 .ui.ui.ui.menu .blue.active.item,
 .ui.ui.blue.menu .active.item:hover,
 .ui.ui.blue.menu .active.item {
-  color: #2185D0;
+  color: #2185d0;
 }
 .ui.ui.ui.menu .violet.active.item,
 .ui.ui.violet.menu .active.item:hover,
 .ui.ui.violet.menu .active.item {
-  color: #6435C9;
+  color: #6435c9;
 }
 .ui.ui.ui.menu .purple.active.item,
 .ui.ui.purple.menu .active.item:hover,
 .ui.ui.purple.menu .active.item {
-  color: #A333C8;
+  color: #a333c8;
 }
 .ui.ui.ui.menu .pink.active.item,
 .ui.ui.pink.menu .active.item:hover,
 .ui.ui.pink.menu .active.item {
-  color: #E03997;
+  color: #e03997;
 }
 .ui.ui.ui.menu .brown.active.item,
 .ui.ui.brown.menu .active.item:hover,
 .ui.ui.brown.menu .active.item {
-  color: #A5673F;
+  color: #a5673f;
 }
 .ui.ui.ui.menu .grey.active.item,
 .ui.ui.grey.menu .active.item:hover,
@@ -1430,18 +1321,16 @@ Floated Menu / Item
 .ui.ui.ui.menu .black.active.item,
 .ui.ui.black.menu .active.item:hover,
 .ui.ui.black.menu .active.item {
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 .ui.inverted.menu {
   border: 0 solid transparent;
-  background: #1B1C1D;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  background: #1b1c1d;
+  box-shadow: none;
 }
 
 /* Menu Item */
@@ -1454,12 +1343,11 @@ Floated Menu / Item
   background: transparent;
 }
 
-/*--- Border ---*/
-
-.ui.inverted.menu .item:before {
+/* --- Border --- */
+.ui.inverted.menu .item::before {
   background: rgba(255, 255, 255, 0.08);
 }
-.ui.vertical.inverted.menu .item:before {
+.ui.vertical.inverted.menu .item::before {
   background: rgba(255, 255, 255, 0.08);
 }
 
@@ -1473,8 +1361,7 @@ Floated Menu / Item
 .ui.inverted.menu .header.item {
   margin: 0;
   background: transparent;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 
 /* Disabled */
@@ -1482,8 +1369,7 @@ Floated Menu / Item
   color: rgba(225, 225, 225, 0.3);
 }
 
-/*--- Hover ---*/
-
+/* --- Hover --- */
 .ui.link.inverted.menu .item:hover,
 .ui.inverted.menu .dropdown.item:hover,
 .ui.inverted.menu .link.item:hover,
@@ -1497,67 +1383,72 @@ Floated Menu / Item
   color: #ffffff;
 }
 
-/*--- Pressed ---*/
-
+/* --- Pressed --- */
 .ui.inverted.menu a.item:active,
 .ui.inverted.menu .link.item:active {
   background: rgba(255, 255, 255, 0.08);
   color: #ffffff;
 }
 
-/*--- Active ---*/
-
+/* --- Active --- */
 .ui.inverted.menu .active.item {
-  background: #3D3E3F;
+  background: #3d3e3f;
   color: #ffffff !important;
 }
 .ui.inverted.vertical.menu .item .menu .active.item {
   background: transparent;
-  color: #FFFFFF;
+  color: #fff;
 }
-.ui.inverted.pointing.menu .active.item:after {
-  background: #3D3E3F;
+.ui.inverted.pointing.menu .active.item::after {
+  background: #3d3e3f;
   margin: 0 !important;
-  -webkit-box-shadow: none !important;
-          box-shadow: none !important;
+  box-shadow: none !important;
   border: none !important;
 }
 
-/*--- Active Hover ---*/
-
+/* --- Active Hover --- */
 .ui.inverted.menu .active.item:hover {
-  background: #3D3E3F;
-  color: #FFFFFF !important;
+  background: #3d3e3f;
+  color: #fff !important;
 }
-.ui.inverted.pointing.menu .active.item:hover:after {
-  background: #3D3E3F;
+.ui.inverted.pointing.menu .active.item:hover::after {
+  background: #3d3e3f;
 }
 
-/*--------------
-       Floated
-  ---------------*/
-
+/* --------------
+         Floated
+    --------------- */
 .ui.floated.menu {
   float: left;
   margin: 0 0.5rem 0 0;
 }
-.ui.floated.menu .item:last-child:before {
+.ui.floated.menu .item:last-child::before {
   display: none;
 }
 .ui.right.floated.menu {
   float: right;
   margin: 0 0 0 0.5rem;
 }
+.ui.center.aligned.menu:not(.fluid),
+.ui.centered.menu:not(.fluid) {
+  display: inline-flex;
+  transform: translateX(-50%);
+  margin-left: 50%;
+}
+.ui.center.aligned.menu .item,
+.ui.centered.menu .item {
+  flex: 1 0 auto;
+  justify-content: center;
+}
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 .ui.ui.ui.inverted.menu .primary.active.item,
 .ui.ui.inverted.primary.menu {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
-.ui.inverted.primary.menu .item:before {
+.ui.inverted.primary.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.primary.menu .active.item {
@@ -1568,9 +1459,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .red.active.item,
 .ui.ui.inverted.red.menu {
-  background-color: #DB2828;
+  background-color: #db2828;
 }
-.ui.inverted.red.menu .item:before {
+.ui.inverted.red.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.red.menu .active.item {
@@ -1581,9 +1472,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .orange.active.item,
 .ui.ui.inverted.orange.menu {
-  background-color: #F2711C;
+  background-color: #f2711c;
 }
-.ui.inverted.orange.menu .item:before {
+.ui.inverted.orange.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.orange.menu .active.item {
@@ -1594,9 +1485,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .yellow.active.item,
 .ui.ui.inverted.yellow.menu {
-  background-color: #FBBD08;
+  background-color: #fbbd08;
 }
-.ui.inverted.yellow.menu .item:before {
+.ui.inverted.yellow.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.yellow.menu .active.item {
@@ -1607,9 +1498,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .olive.active.item,
 .ui.ui.inverted.olive.menu {
-  background-color: #B5CC18;
+  background-color: #b5cc18;
 }
-.ui.inverted.olive.menu .item:before {
+.ui.inverted.olive.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.olive.menu .active.item {
@@ -1620,9 +1511,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .green.active.item,
 .ui.ui.inverted.green.menu {
-  background-color: #21BA45;
+  background-color: #21ba45;
 }
-.ui.inverted.green.menu .item:before {
+.ui.inverted.green.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.green.menu .active.item {
@@ -1633,9 +1524,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .teal.active.item,
 .ui.ui.inverted.teal.menu {
-  background-color: #00B5AD;
+  background-color: #00b5ad;
 }
-.ui.inverted.teal.menu .item:before {
+.ui.inverted.teal.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.teal.menu .active.item {
@@ -1646,9 +1537,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .blue.active.item,
 .ui.ui.inverted.blue.menu {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
-.ui.inverted.blue.menu .item:before {
+.ui.inverted.blue.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.blue.menu .active.item {
@@ -1659,9 +1550,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .violet.active.item,
 .ui.ui.inverted.violet.menu {
-  background-color: #6435C9;
+  background-color: #6435c9;
 }
-.ui.inverted.violet.menu .item:before {
+.ui.inverted.violet.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.violet.menu .active.item {
@@ -1672,9 +1563,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .purple.active.item,
 .ui.ui.inverted.purple.menu {
-  background-color: #A333C8;
+  background-color: #a333c8;
 }
-.ui.inverted.purple.menu .item:before {
+.ui.inverted.purple.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.purple.menu .active.item {
@@ -1685,9 +1576,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .pink.active.item,
 .ui.ui.inverted.pink.menu {
-  background-color: #E03997;
+  background-color: #e03997;
 }
-.ui.inverted.pink.menu .item:before {
+.ui.inverted.pink.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.pink.menu .active.item {
@@ -1698,9 +1589,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .brown.active.item,
 .ui.ui.inverted.brown.menu {
-  background-color: #A5673F;
+  background-color: #a5673f;
 }
-.ui.inverted.brown.menu .item:before {
+.ui.inverted.brown.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.brown.menu .active.item {
@@ -1713,7 +1604,7 @@ Floated Menu / Item
 .ui.ui.inverted.grey.menu {
   background-color: #767676;
 }
-.ui.inverted.grey.menu .item:before {
+.ui.inverted.grey.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.grey.menu .active.item {
@@ -1724,9 +1615,9 @@ Floated Menu / Item
 }
 .ui.ui.ui.inverted.menu .black.active.item,
 .ui.ui.inverted.black.menu {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
-.ui.inverted.black.menu .item:before {
+.ui.inverted.black.menu .item::before {
   background-color: rgba(34, 36, 38, 0.1);
 }
 .ui.ui.inverted.black.menu .active.item {
@@ -1735,14 +1626,13 @@ Floated Menu / Item
 .ui.inverted.pointing.black.menu .active.item {
   background-color: #27292a;
 }
-.ui.ui.ui.inverted.pointing.menu .active.item:after {
+.ui.ui.ui.inverted.pointing.menu .active.item::after {
   background-color: inherit;
 }
 
-/*--------------
-       Fitted
-  ---------------*/
-
+/* --------------
+         Fitted
+    --------------- */
 .ui.fitted.menu .item,
 .ui.fitted.menu .item .menu .item,
 .ui.menu .fitted.item {
@@ -1761,23 +1651,19 @@ Floated Menu / Item
   padding-right: 1.14285714em;
 }
 
-/*--------------
-     Borderless
-  ---------------*/
-
-.ui.borderless.menu .item:before,
-.ui.borderless.menu .item .menu .item:before,
-.ui.menu .borderless.item:before {
+/* --------------
+       Borderless
+    --------------- */
+.ui.borderless.menu .item::before,
+.ui.borderless.menu .item .menu .item::before,
+.ui.menu .borderless.item::before {
   background: none !important;
 }
 
-/*-------------------
-         Compact
-  --------------------*/
-
+/* -------------------
+           Compact
+    -------------------- */
 .ui.compact.menu {
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
   display: inline-flex;
   margin: 0;
   vertical-align: middle;
@@ -1791,7 +1677,7 @@ Floated Menu / Item
 .ui.compact.menu:not(.secondary) .item:last-child {
   border-radius: 0 0.28571429rem 0.28571429rem 0;
 }
-.ui.compact.menu .item:last-child:before {
+.ui.compact.menu .item:last-child::before {
   display: none;
 }
 .ui.compact.vertical.menu {
@@ -1801,19 +1687,17 @@ Floated Menu / Item
   display: block;
 }
 
-/*-------------------
-          Fluid
-  --------------------*/
-
+/* -------------------
+            Fluid
+    -------------------- */
 .ui.menu.fluid,
 .ui.vertical.menu.fluid {
   width: 100% !important;
 }
 
-/*-------------------
+/* -------------------
       Evenly Sized
---------------------*/
-
+-------------------- */
 .ui.item.menu,
 .ui.item.menu .item {
   width: 100%;
@@ -1822,14 +1706,12 @@ Floated Menu / Item
   margin-left: 0 !important;
   margin-right: 0 !important;
   text-align: center;
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
+  justify-content: center;
 }
 .ui.attached.item.menu:not(.tabular) {
   margin: 0 -1px !important;
 }
-.ui.item.menu .item:last-child:before {
+.ui.item.menu .item:last-child::before {
   display: none;
 }
 .ui.menu.two.item .item {
@@ -1866,10 +1748,9 @@ Floated Menu / Item
   width: 8.333%;
 }
 
-/*--------------
-       Fixed
-  ---------------*/
-
+/* --------------
+         Fixed
+    --------------- */
 .ui.menu.fixed {
   position: fixed;
   z-index: 101;
@@ -1930,130 +1811,130 @@ Floated Menu / Item
   padding-top: 2.75rem;
 }
 
-/*-------------------
-         Pointing
-  --------------------*/
-
-.ui.pointing.menu .item:after {
+/* -------------------
+           Pointing
+    -------------------- */
+.ui.pointing.menu .item::after {
   visibility: hidden;
   position: absolute;
-  content: '';
+  content: "";
   top: 100%;
   left: 50%;
-  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-          transform: translateX(-50%) translateY(-50%) rotate(45deg);
+  transform: translateX(-50%) translateY(-50%) rotate(45deg);
   background: none;
   margin: 0.5px 0 0;
   width: 0.57142857em;
   height: 0.57142857em;
   border: none;
-  border-bottom: 1px solid #D4D4D5;
-  border-right: 1px solid #D4D4D5;
+  border-bottom: 1px solid #d4d4d5;
+  border-right: 1px solid #d4d4d5;
   z-index: 2;
-  -webkit-transition: background 0.1s ease;
   transition: background 0.1s ease;
 }
-.ui.vertical.pointing.menu .item:after {
+.ui.vertical.pointing.menu .item::after {
   position: absolute;
   top: 50%;
   right: 0;
   bottom: auto;
   left: auto;
-  -webkit-transform: translateX(50%) translateY(-50%) rotate(45deg);
-          transform: translateX(50%) translateY(-50%) rotate(45deg);
+  transform: translateX(50%) translateY(-50%) rotate(45deg);
   margin: 0 -0.5px 0 0;
   border: none;
-  border-top: 1px solid #D4D4D5;
-  border-right: 1px solid #D4D4D5;
+  border-top: 1px solid #d4d4d5;
+  border-right: 1px solid #d4d4d5;
 }
-.ui.pointing.menu .ui.dropdown .menu .item:after,
-.ui.vertical.pointing.menu .ui.dropdown .menu .item:after {
+.ui.pointing.menu .ui.dropdown .menu .item::after,
+.ui.vertical.pointing.menu .ui.dropdown .menu .item::after {
   display: none;
 }
 
 /* Active */
-.ui.pointing.menu .active.item:after {
+.ui.pointing.menu .active.item::after {
   visibility: visible;
 }
-.ui.pointing.menu .active.dropdown.item:after {
+.ui.pointing.menu .active.dropdown.item::after {
   visibility: hidden;
 }
 
 /* Don't double up pointers */
-.ui.pointing.menu .dropdown.active.item:after,
-.ui.pointing.menu .active.item .menu .active.item:after {
+.ui.pointing.menu .dropdown.active.item::after,
+.ui.pointing.menu .active.item .menu .active.item::after {
   display: none;
 }
 
 /* Colors */
-.ui.pointing.menu .active.item:hover:after {
-  background-color: #F2F2F2;
+.ui.pointing.menu .active.item:hover::after {
+  background-color: #f2f2f2;
 }
-.ui.pointing.menu .active.item:after {
-  background-color: #F2F2F2;
+.ui.pointing.menu .active.item::after {
+  background-color: #f2f2f2;
 }
-.ui.pointing.menu .active.item:hover:after {
-  background-color: #F2F2F2;
+.ui.pointing.menu .active.item:hover::after {
+  background-color: #f2f2f2;
 }
-.ui.vertical.pointing.menu .active.item:hover:after {
-  background-color: #F2F2F2;
+.ui.vertical.pointing.menu .active.item:hover::after {
+  background-color: #f2f2f2;
 }
-.ui.vertical.pointing.menu .active.item:after {
-  background-color: #F2F2F2;
+.ui.vertical.pointing.menu .active.item::after {
+  background-color: #f2f2f2;
 }
-.ui.vertical.pointing.menu .menu .active.item:after {
-  background-color: #FFFFFF;
+.ui.vertical.pointing.menu .menu .active.item::after {
+  background-color: #fff;
 }
-.ui.inverted.pointing.menu .primary.active.item:after {
-  background-color: #2185D0;
+@media only screen and (max-width: 767.98px) {
+  .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
+    display: none;
+  }
 }
-.ui.inverted.pointing.menu .secondary.active.item:after {
-  background-color: #1B1C1D;
+.ui.inverted.pointing.menu .primary.active.item::after {
+  background-color: #2185d0;
 }
-.ui.inverted.pointing.menu .red.active.item:after {
-  background-color: #DB2828;
+.ui.inverted.pointing.menu .secondary.active.item::after {
+  background-color: #1b1c1d;
 }
-.ui.inverted.pointing.menu .orange.active.item:after {
-  background-color: #F2711C;
+.ui.inverted.pointing.menu .red.active.item::after {
+  background-color: #db2828;
 }
-.ui.inverted.pointing.menu .yellow.active.item:after {
-  background-color: #FBBD08;
+.ui.inverted.pointing.menu .orange.active.item::after {
+  background-color: #f2711c;
 }
-.ui.inverted.pointing.menu .olive.active.item:after {
-  background-color: #B5CC18;
+.ui.inverted.pointing.menu .yellow.active.item::after {
+  background-color: #fbbd08;
 }
-.ui.inverted.pointing.menu .green.active.item:after {
-  background-color: #21BA45;
+.ui.inverted.pointing.menu .olive.active.item::after {
+  background-color: #b5cc18;
 }
-.ui.inverted.pointing.menu .teal.active.item:after {
-  background-color: #00B5AD;
+.ui.inverted.pointing.menu .green.active.item::after {
+  background-color: #21ba45;
 }
-.ui.inverted.pointing.menu .blue.active.item:after {
-  background-color: #2185D0;
+.ui.inverted.pointing.menu .teal.active.item::after {
+  background-color: #00b5ad;
 }
-.ui.inverted.pointing.menu .violet.active.item:after {
-  background-color: #6435C9;
+.ui.inverted.pointing.menu .blue.active.item::after {
+  background-color: #2185d0;
 }
-.ui.inverted.pointing.menu .purple.active.item:after {
-  background-color: #A333C8;
+.ui.inverted.pointing.menu .violet.active.item::after {
+  background-color: #6435c9;
 }
-.ui.inverted.pointing.menu .pink.active.item:after {
-  background-color: #E03997;
+.ui.inverted.pointing.menu .purple.active.item::after {
+  background-color: #a333c8;
 }
-.ui.inverted.pointing.menu .brown.active.item:after {
-  background-color: #A5673F;
+.ui.inverted.pointing.menu .pink.active.item::after {
+  background-color: #e03997;
 }
-.ui.inverted.pointing.menu .grey.active.item:after {
+.ui.inverted.pointing.menu .brown.active.item::after {
+  background-color: #a5673f;
+}
+.ui.inverted.pointing.menu .grey.active.item::after {
   background-color: #767676;
 }
-.ui.inverted.pointing.menu .black.active.item:after {
-  background-color: #1B1C1D;
+.ui.inverted.pointing.menu .black.active.item::after {
+  background-color: #1b1c1d;
 }
 
-/*--------------
-      Attached
-  ---------------*/
-
+/* --------------
+        Attached
+    --------------- */
 
 /* Middle */
 .ui.attached.menu {
@@ -2063,8 +1944,7 @@ Floated Menu / Item
   margin: 0 -1px;
   width: calc(100% + 2px);
   max-width: calc(100% + 2px);
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }
 .ui.attached + .ui.attached.menu:not(.top) {
   border-top: none;
@@ -2088,8 +1968,7 @@ Floated Menu / Item
   margin-top: 0;
   top: 0;
   margin-bottom: 1rem;
-  -webkit-box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
-          box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15), none;
+  box-shadow: none;
   border-radius: 0 0 0.28571429rem 0.28571429rem;
 }
 .ui[class*="bottom attached"].menu:last-child {
@@ -2105,22 +1984,44 @@ Floated Menu / Item
 }
 
 /* Tabular Attached */
-.ui.attached.menu:not(.tabular) {
-  border: 1px solid #D4D4D5;
+.ui.attached.menu:not(.tabular):not(.text) {
+  border: 1px solid #d4d4d5;
 }
 .ui.attached.inverted.menu {
   border: none;
 }
+.ui[class*="top attached"].inverted.tabular.menu {
+  border-bottom: 1px solid #555;
+}
 .ui.attached.tabular.menu {
   margin-left: 0;
   margin-right: 0;
   width: 100%;
 }
+.ui.wrapping.menu {
+  flex-wrap: wrap;
+}
+.ui.wrapping.menu .item::before {
+  right: auto;
+  left: 0;
+}
+.ui.wrapping.menu .item:first-child::before {
+  display: none;
+}
+.ui.wrapping.menu:not(.tabular) .item:last-of-type,
+.ui.wrapping.menu:not(.tabular) .item:last-child {
+  border-right: 1px solid rgba(34, 36, 38, 0.1);
+}
+.ui.wrapped.menu:not(.tabular) .item:first-child {
+  border-bottom-left-radius: 0;
+}
+.ui.wrapped.menu:not(.tabular) .item:last-child {
+  border-top-right-radius: 0;
+}
 
-/*--------------
+/* --------------
      Sizes
----------------*/
-
+--------------- */
 .ui.menu {
   font-size: 1rem;
 }
@@ -2184,14 +2085,12 @@ Floated Menu / Item
   width: 25rem;
 }
 
-/*-------------------
+/* -------------------
   Inverted dropdowns
---------------------*/
-
+-------------------- */
 .ui.menu .ui.inverted.inverted.dropdown.item .menu {
-  background: #1B1C1D;
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  background: #1b1c1d;
+  box-shadow: none;
 }
 .ui.menu .ui.inverted.dropdown .menu > .item {
   color: rgba(255, 255, 255, 0.8) !important;
@@ -2211,8 +2110,7 @@ Floated Menu / Item
 
 /* Vertical */
 .ui.vertical.menu .inverted.dropdown.item .menu {
-  -webkit-box-shadow: none;
-          box-shadow: none;
+  box-shadow: none;
 }