fomantic-ui 2.9.1-beta.2 → 2.9.1-beta.20

package/dist/components/menu.css

@@ -15,10 +15,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Menu
----------------*/
-
+--------------- */
 .ui.menu {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -47,10 +46,9 @@
   margin-bottom: 0;
 }
 
-/*--------------
+/* --------------
     Sub-Menu
----------------*/
-
+--------------- */
 .ui.menu .menu {
   margin: 0;
 }
@@ -60,10 +58,9 @@
   display: flex;
 }
 
-/*--------------
+/* --------------
       Item
----------------*/
-
+--------------- */
 .ui.menu:not(.vertical) .item {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -110,10 +107,9 @@
   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 {
@@ -130,20 +126,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,10 +147,9 @@
   font-size: 1em;
 }
 
-/*----------------
+/* ----------------
  Grid / Container
------------------*/
-
+----------------- */
 .ui.menu > .grid,
 .ui.menu > .container {
   display: -webkit-box;
@@ -171,10 +164,9 @@
           flex-direction: inherit;
 }
 
-/*--------------
+/* --------------
      Inputs
----------------*/
-
+--------------- */
 .ui.menu .item > .input {
   width: 100%;
 }
@@ -189,10 +181,9 @@
   padding-bottom: 0.57142857em;
 }
 
-/*--------------
+/* --------------
      Header
----------------*/
-
+--------------- */
 .ui.menu .header.item,
 .ui.vertical.menu .header.item {
   margin: 0;
@@ -206,10 +197,9 @@
   font-weight: bold;
 }
 
-/*--------------
+/* --------------
     Dropdowns
----------------*/
-
+--------------- */
 
 /* Dropdown Icon */
 .ui.menu .item > i.dropdown.icon {
@@ -330,10 +320,9 @@
   width: 100%;
 }
 
-/*--------------
+/* --------------
      Labels
----------------*/
-
+--------------- */
 .ui.menu .item > .label:not(.floating) {
   margin-left: 1em;
   padding: 0.3em 0.78571429em;
@@ -355,10 +344,9 @@
   height: 1.5666em;
 }
 
-/*--------------
+/* --------------
      Images
----------------*/
-
+--------------- */
 .ui.menu .item > img:not(.ui) {
   display: inline-block;
   vertical-align: middle;
@@ -377,20 +365,18 @@
 *******************************/
 
 
-/*--------------
+/* --------------
      List
----------------*/
-
+--------------- */
 
 /* 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 {
@@ -401,10 +387,9 @@
   bottom: 0;
 }
 
-/*--------------
+/* --------------
     Container
----------------*/
-
+--------------- */
 @media only screen and (max-width: 767.98px) {
   .ui.menu > .ui.container {
     width: 100% !important;
@@ -428,10 +413,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
       Hover
----------------*/
-
+--------------- */
 .ui.link.menu .item:hover,
 .ui.menu .dropdown.item:hover,
 .ui.menu .link.item:hover,
@@ -441,10 +425,9 @@
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
+/* --------------
      Pressed
----------------*/
-
+--------------- */
 .ui.link.menu .item:active,
 .ui.menu .link.item:active,
 .ui.menu a.item:active {
@@ -452,10 +435,9 @@
   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);
@@ -467,20 +449,18 @@
   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;
@@ -494,10 +474,9 @@
 *******************************/
 
 
-/*------------------
+/* ------------------
 Floated Menu / Item
--------------------*/
-
+------------------- */
 
 /* Left Floated */
 .ui.menu:not(.vertical) .left.item,
@@ -544,10 +523,9 @@ Floated Menu / Item
   display: none;
 }
 
-/*--------------
-      Vertical
-  ---------------*/
-
+/* --------------
+        Vertical
+    --------------- */
 .ui.vertical.menu {
   display: block;
   -webkit-box-orient: vertical;
@@ -559,8 +537,7 @@ Floated Menu / Item
           box-shadow: 0 1px 2px 0 rgba(34, 36, 38, 0.15);
 }
 
-/*--- Item ---*/
-
+/* --- Item --- */
 .ui.vertical.menu .item {
   display: block;
   background: none;
@@ -574,15 +551,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;
@@ -594,8 +569,7 @@ Floated Menu / Item
   margin: 0 0.5em 0 0;
 }
 
-/*--- Border ---*/
-
+/* --- Border --- */
 .ui.vertical.menu .item::before {
   position: absolute;
   content: '';
@@ -609,8 +583,7 @@ Floated Menu / Item
   display: none !important;
 }
 
-/*--- Sub Menu ---*/
-
+/* --- Sub Menu --- */
 .ui.vertical.menu .item > .menu {
   margin: 0.5em -1.14285714em 0;
 }
@@ -653,10 +626,9 @@ Floated Menu / Item
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--------------
-       Tabular
-  ---------------*/
-
+/* --------------
+         Tabular
+    --------------- */
 .ui.tabular.menu {
   border-radius: 0;
   -webkit-box-shadow: none !important;
@@ -809,10 +781,9 @@ Floated Menu / Item
   cursor: pointer;
 }
 
-/*--------------
-     Pagination
-  ---------------*/
-
+/* --------------
+       Pagination
+    --------------- */
 .ui.pagination.menu {
   margin: 0;
   display: -webkit-inline-box;
@@ -847,10 +818,9 @@ Floated Menu / Item
           box-shadow: none;
 }
 
-/*--------------
-     Secondary
-  ---------------*/
-
+/* --------------
+       Secondary
+    --------------- */
 .ui.secondary.menu {
   background: none;
   margin-left: -0.35714286em;
@@ -947,10 +917,9 @@ Floated Menu / Item
           box-shadow: none;
 }
 
-/*---------------------
-       Secondary Vertical
-    -----------------------*/
-
+/* ---------------------
+           Secondary Vertical
+        ----------------------- */
 
 /* Sub Menu */
 .ui.vertical.secondary.menu .item:not(.dropdown) > .menu {
@@ -979,10 +948,9 @@ Floated Menu / Item
   background-color: transparent;
 }
 
-/*---------------------
-       Secondary Pointing
-    -----------------------*/
-
+/* ---------------------
+           Secondary Pointing
+        ----------------------- */
 .ui.secondary.pointing.menu {
   margin-left: 0;
   margin-right: 0;
@@ -1106,10 +1074,9 @@ Floated Menu / Item
   background-color: transparent;
 }
 
-/*--------------
-      Text Menu
-  ---------------*/
-
+/* --------------
+        Text Menu
+    --------------- */
 .ui.text.menu {
   background: none transparent;
   border-radius: 0;
@@ -1153,14 +1120,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;
 }
@@ -1192,15 +1157,13 @@ 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;
@@ -1210,8 +1173,7 @@ Floated Menu / Item
   color: rgba(0, 0, 0, 0.95);
 }
 
-/*--- active hover ---*/
-
+/* --- active hover --- */
 .ui.text.menu .active.item:hover {
   background-color: transparent;
 }
@@ -1240,10 +1202,9 @@ Floated Menu / Item
   margin-right: 0;
 }
 
-/*--------------
-      Icon Only
-  ---------------*/
-
+/* --------------
+        Icon Only
+    --------------- */
 
 /* Vertical Menu */
 .ui.vertical.icon.menu {
@@ -1288,10 +1249,9 @@ Floated Menu / Item
   color: #FFFFFF;
 }
 
-/*--------------
-     Labeled Icon
-  ---------------*/
-
+/* --------------
+       Labeled Icon
+    --------------- */
 
 /* Menu */
 .ui.labeled.icon.menu {
@@ -1326,10 +1286,9 @@ Floated Menu / Item
 *******************************/
 
 
-/*--------------
-      Stackable
-  ---------------*/
-
+/* --------------
+        Stackable
+    --------------- */
 @media only screen and (max-width: 767.98px) {
   .ui.stackable.menu {
     -webkit-box-orient: vertical;
@@ -1376,10 +1335,9 @@ Floated Menu / Item
   }
 }
 
-/*--------------
+/* --------------
      Colors
----------------*/
-
+--------------- */
 .ui.ui.ui.menu .primary.active.item,
 .ui.ui.primary.menu .active.item:hover,
 .ui.ui.primary.menu .active.item {
@@ -1451,10 +1409,9 @@ Floated Menu / Item
   color: #1B1C1D;
 }
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 .ui.inverted.menu {
   border: 0 solid transparent;
   background: #1B1C1D;
@@ -1472,8 +1429,7 @@ Floated Menu / Item
   background: transparent;
 }
 
-/*--- Border ---*/
-
+/* --- Border --- */
 .ui.inverted.menu .item::before {
   background: rgba(255, 255, 255, 0.08);
 }
@@ -1500,8 +1456,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,
@@ -1515,16 +1470,14 @@ 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;
   color: #ffffff !important;
@@ -1541,8 +1494,7 @@ Floated Menu / Item
   border: none !important;
 }
 
-/*--- Active Hover ---*/
-
+/* --- Active Hover --- */
 .ui.inverted.menu .active.item:hover {
   background: #3D3E3F;
   color: #FFFFFF !important;
@@ -1551,10 +1503,9 @@ Floated Menu / Item
   background: #3D3E3F;
 }
 
-/*--------------
-       Floated
-  ---------------*/
-
+/* --------------
+         Floated
+    --------------- */
 .ui.floated.menu {
   float: left;
   margin: 0 0.5rem 0 0;
@@ -1576,10 +1527,9 @@ Floated Menu / Item
   margin-left: 50%;
 }
 
-/*--------------
-      Inverted
-  ---------------*/
-
+/* --------------
+        Inverted
+    --------------- */
 .ui.ui.ui.inverted.menu .primary.active.item,
 .ui.ui.inverted.primary.menu {
   background-color: #2185D0;
@@ -1766,10 +1716,9 @@ Floated Menu / Item
   background-color: inherit;
 }
 
-/*--------------
-       Fitted
-  ---------------*/
-
+/* --------------
+         Fitted
+    --------------- */
 .ui.fitted.menu .item,
 .ui.fitted.menu .item .menu .item,
 .ui.menu .fitted.item {
@@ -1788,20 +1737,18 @@ Floated Menu / Item
   padding-right: 1.14285714em;
 }
 
-/*--------------
-     Borderless
-  ---------------*/
-
+/* --------------
+       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;
@@ -1828,19 +1775,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%;
@@ -1893,10 +1838,9 @@ Floated Menu / Item
   width: 8.333%;
 }
 
-/*--------------
-       Fixed
-  ---------------*/
-
+/* --------------
+         Fixed
+    --------------- */
 .ui.menu.fixed {
   position: fixed;
   z-index: 101;
@@ -1957,10 +1901,9 @@ Floated Menu / Item
   padding-top: 2.75rem;
 }
 
-/*-------------------
-         Pointing
-  --------------------*/
-
+/* -------------------
+           Pointing
+    -------------------- */
 .ui.pointing.menu .item::after {
   visibility: hidden;
   position: absolute;
@@ -2082,10 +2025,9 @@ Floated Menu / Item
   background-color: #1B1C1D;
 }
 
-/*--------------
-      Attached
-  ---------------*/
-
+/* --------------
+        Attached
+    --------------- */
 
 /* Middle */
 .ui.attached.menu {
@@ -2152,10 +2094,9 @@ Floated Menu / Item
   width: 100%;
 }
 
-/*--------------
+/* --------------
      Sizes
----------------*/
-
+--------------- */
 .ui.menu {
   font-size: 1rem;
 }
@@ -2219,10 +2160,9 @@ Floated Menu / Item
   width: 25rem;
 }
 
-/*-------------------
+/* -------------------
   Inverted dropdowns
---------------------*/
-
+-------------------- */
 .ui.menu .ui.inverted.inverted.dropdown.item .menu {
   background: #1B1C1D;
   -webkit-box-shadow: none;