fomantic-ui 2.9.1-beta.25 → 2.9.1-beta.27

package/dist/components/menu.css

@@ -23,8 +23,8 @@
   display: -ms-flexbox;
   display: flex;
   margin: 1rem 0;
-  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: #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);
@@ -33,7 +33,7 @@
   min-height: 2.85714286em;
 }
 .ui.menu::after {
-  content: '';
+  content: "";
   display: block;
   height: 0;
   clear: both;
@@ -99,7 +99,7 @@
 /* Border */
 .ui.menu .item::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 0;
   right: 0;
   height: 100%;
@@ -187,7 +187,7 @@
 .ui.menu .header.item,
 .ui.vertical.menu .header.item {
   margin: 0;
-  background: '';
+  background: "";
   text-transform: normal;
   font-weight: bold;
 }
@@ -212,7 +212,7 @@
 .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);
@@ -336,8 +336,8 @@
   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;
@@ -532,7 +532,7 @@ Floated Menu / Item
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
-  background: #FFFFFF;
+  background: #fff;
   -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);
 }
@@ -572,7 +572,7 @@ Floated Menu / Item
 /* --- Border --- */
 .ui.vertical.menu .item::before {
   position: absolute;
-  content: '';
+  content: "";
   top: 0;
   left: 0;
   width: 100%;
@@ -635,7 +635,7 @@ Floated Menu / Item
           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;
@@ -661,10 +661,10 @@ 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;
@@ -696,7 +696,7 @@ Floated Menu / Item
   -webkit-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;
@@ -706,9 +706,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;
 }
@@ -720,7 +720,7 @@ Floated Menu / Item
   -webkit-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;
@@ -730,9 +730,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;
 }
@@ -745,7 +745,7 @@ Floated Menu / Item
           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;
@@ -755,9 +755,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;
 }
@@ -772,8 +772,8 @@ Floated Menu / Item
 }
 .ui.inverted.tabular.menu .active.item,
 .ui.inverted.tabular.menu .active.item:hover {
-  background: none #1B1C1D;
-  border-color: #555555;
+  background: none #1b1c1d;
+  border-color: #555;
 }
 .ui.inverted.tabular.menu .item:not(.active):hover {
   color: #ffffff;
@@ -1058,7 +1058,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 */
@@ -1069,7 +1069,7 @@ Floated Menu / Item
 
 /* Active */
 .ui.ui.secondary.inverted.pointing.menu .active.item {
-  border-color: #FFFFFF;
+  border-color: #fff;
   color: #ffffff;
   background-color: transparent;
 }
@@ -1216,7 +1216,7 @@ Floated Menu / Item
 .ui.icon.menu .item {
   height: auto;
   text-align: center;
-  color: #1B1C1D;
+  color: #1b1c1d;
 }
 
 /* Icon */
@@ -1246,7 +1246,7 @@ Floated Menu / Item
 
 /* Inverted */
 .ui.inverted.icon.menu .item {
-  color: #FFFFFF;
+  color: #fff;
 }
 
 /* --------------
@@ -1304,7 +1304,7 @@ Floated Menu / Item
   }
   .ui.stackable.menu .item::before {
     position: absolute;
-    content: '';
+    content: "";
     top: auto;
     bottom: 0;
     left: 0;
@@ -1341,62 +1341,62 @@ Floated Menu / Item
 .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,
@@ -1406,7 +1406,7 @@ 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;
 }
 
 /* --------------
@@ -1414,7 +1414,7 @@ Floated Menu / Item
     --------------- */
 .ui.inverted.menu {
   border: 0 solid transparent;
-  background: #1B1C1D;
+  background: #1b1c1d;
   -webkit-box-shadow: none;
           box-shadow: none;
 }
@@ -1479,15 +1479,15 @@ Floated Menu / Item
 
 /* --- 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;
+  background: #3d3e3f;
   margin: 0 !important;
   -webkit-box-shadow: none !important;
           box-shadow: none !important;
@@ -1496,11 +1496,11 @@ Floated Menu / Item
 
 /* --- 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;
+  background: #3d3e3f;
 }
 
 /* --------------
@@ -1532,7 +1532,7 @@ Floated Menu / Item
     --------------- */
 .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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1545,7 +1545,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1558,7 +1558,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1571,7 +1571,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1584,7 +1584,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1597,7 +1597,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1610,7 +1610,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1623,7 +1623,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1636,7 +1636,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1649,7 +1649,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1662,7 +1662,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1675,7 +1675,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1701,7 +1701,7 @@ 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 {
   background-color: rgba(34, 36, 38, 0.1);
@@ -1907,7 +1907,7 @@ Floated Menu / Item
 .ui.pointing.menu .item::after {
   visibility: hidden;
   position: absolute;
-  content: '';
+  content: "";
   top: 100%;
   left: 50%;
   -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
@@ -1917,8 +1917,8 @@ Floated Menu / Item
   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;
@@ -1933,8 +1933,8 @@ Floated Menu / Item
           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 {
@@ -1957,22 +1957,22 @@ Floated Menu / Item
 
 /* Colors */
 .ui.pointing.menu .active.item:hover::after {
-  background-color: #F2F2F2;
+  background-color: #f2f2f2;
 }
 .ui.pointing.menu .active.item::after {
-  background-color: #F2F2F2;
+  background-color: #f2f2f2;
 }
 .ui.pointing.menu .active.item:hover::after {
-  background-color: #F2F2F2;
+  background-color: #f2f2f2;
 }
 .ui.vertical.pointing.menu .active.item:hover::after {
-  background-color: #F2F2F2;
+  background-color: #f2f2f2;
 }
 .ui.vertical.pointing.menu .active.item::after {
-  background-color: #F2F2F2;
+  background-color: #f2f2f2;
 }
 .ui.vertical.pointing.menu .menu .active.item::after {
-  background-color: #FFFFFF;
+  background-color: #fff;
 }
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.grid .ui.fluid.vertical.pointing.menu .active.item::after {
@@ -1980,49 +1980,49 @@ Floated Menu / Item
   }
 }
 .ui.inverted.pointing.menu .primary.active.item::after {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
 .ui.inverted.pointing.menu .secondary.active.item::after {
-  background-color: #1B1C1D;
+  background-color: #1b1c1d;
 }
 .ui.inverted.pointing.menu .red.active.item::after {
-  background-color: #DB2828;
+  background-color: #db2828;
 }
 .ui.inverted.pointing.menu .orange.active.item::after {
-  background-color: #F2711C;
+  background-color: #f2711c;
 }
 .ui.inverted.pointing.menu .yellow.active.item::after {
-  background-color: #FBBD08;
+  background-color: #fbbd08;
 }
 .ui.inverted.pointing.menu .olive.active.item::after {
-  background-color: #B5CC18;
+  background-color: #b5cc18;
 }
 .ui.inverted.pointing.menu .green.active.item::after {
-  background-color: #21BA45;
+  background-color: #21ba45;
 }
 .ui.inverted.pointing.menu .teal.active.item::after {
-  background-color: #00B5AD;
+  background-color: #00b5ad;
 }
 .ui.inverted.pointing.menu .blue.active.item::after {
-  background-color: #2185D0;
+  background-color: #2185d0;
 }
 .ui.inverted.pointing.menu .violet.active.item::after {
-  background-color: #6435C9;
+  background-color: #6435c9;
 }
 .ui.inverted.pointing.menu .purple.active.item::after {
-  background-color: #A333C8;
+  background-color: #a333c8;
 }
 .ui.inverted.pointing.menu .pink.active.item::after {
-  background-color: #E03997;
+  background-color: #e03997;
 }
 .ui.inverted.pointing.menu .brown.active.item::after {
-  background-color: #A5673F;
+  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;
+  background-color: #1b1c1d;
 }
 
 /* --------------
@@ -2080,13 +2080,13 @@ Floated Menu / Item
 
 /* Tabular Attached */
 .ui.attached.menu:not(.tabular):not(.text) {
-  border: 1px solid #D4D4D5;
+  border: 1px solid #d4d4d5;
 }
 .ui.attached.inverted.menu {
   border: none;
 }
 .ui[class*="top attached"].inverted.tabular.menu {
-  border-bottom: 1px solid #555555;
+  border-bottom: 1px solid #555;
 }
 .ui.attached.tabular.menu {
   margin-left: 0;
@@ -2164,7 +2164,7 @@ Floated Menu / Item
   Inverted dropdowns
 -------------------- */
 .ui.menu .ui.inverted.inverted.dropdown.item .menu {
-  background: #1B1C1D;
+  background: #1b1c1d;
   -webkit-box-shadow: none;
           box-shadow: none;
 }