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

package/dist/components/header.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.2+f5a64f3 - Header
+ * # Fomantic-UI 2.9.1-beta.20+d4987bf - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -32,10 +32,9 @@
   margin-bottom: 0;
 }
 
-/*--------------
-     Sub Header
-  ---------------*/
-
+/* --------------
+       Sub Header
+    --------------- */
 .ui.header .sub.header {
   display: block;
   font-weight: normal;
@@ -46,10 +45,9 @@
   color: rgba(0, 0, 0, 0.6);
 }
 
-/*--------------
+/* --------------
       Icon
----------------*/
-
+--------------- */
 .ui.header > .icons,
 .ui.header > i.icon {
   display: table-cell;
@@ -67,10 +65,9 @@
   margin-right: 0.75rem;
 }
 
-/*-------------------
+/* -------------------
         Image
---------------------*/
-
+-------------------- */
 .ui.header > .image:not(.icon),
 .ui.header > img {
   display: inline-block;
@@ -84,10 +81,9 @@
   margin-right: 0.75rem;
 }
 
-/*--------------
+/* --------------
      Content
----------------*/
-
+--------------- */
 .ui.header .content {
   display: inline-block;
   vertical-align: top;
@@ -108,10 +104,9 @@
   vertical-align: middle;
 }
 
-/*--------------
+/* --------------
  Loose Coupling
----------------*/
-
+--------------- */
 .ui.header .ui.label {
   font-size: '';
   margin-left: 0.5rem;
@@ -129,10 +124,9 @@
 *******************************/
 
 
-/*--------------
+/* --------------
      Page
----------------*/
-
+--------------- */
 h1.ui.header {
   font-size: 2rem;
 }
@@ -170,10 +164,9 @@ h6.ui.header .sub.header {
   font-size: 0.92857143rem;
 }
 
-/*--------------
+/* --------------
  Content Heading
----------------*/
-
+--------------- */
 .ui.mini.header {
   font-size: 0.85714286em;
 }
@@ -240,10 +233,9 @@ h6.ui.header .sub.header {
   font-size: 1.14285714em;
 }
 
-/*--------------
-     Sub Heading
-  ---------------*/
-
+/* --------------
+       Sub Heading
+    --------------- */
 .ui.sub.header {
   padding: 0;
   margin-bottom: 0.14285714rem;
@@ -253,10 +245,9 @@ h6.ui.header .sub.header {
   color: '';
 }
 
-/*-------------------
-          Icon
-  --------------------*/
-
+/* -------------------
+            Icon
+    -------------------- */
 .ui.icon.header {
   display: inline-block;
   text-align: center;
@@ -324,10 +315,9 @@ h6.ui.header .sub.header {
 *******************************/
 
 
-/*-------------------
-        Inverted
-  --------------------*/
-
+/* -------------------
+          Inverted
+    -------------------- */
 .ui.inverted.header {
   color: #FFFFFF;
 }
@@ -349,10 +339,9 @@ h6.ui.header .sub.header {
   border-bottom: none;
 }
 
-/*-------------------
+/* -------------------
        Colors
---------------------*/
-
+-------------------- */
 .ui.primary.header {
   color: #2185D0;
 }
@@ -624,10 +613,9 @@ a.ui.inverted.black.header.header.header:hover {
   border-bottom: 2px solid #545454;
 }
 
-/*-------------------
-         Aligned
-  --------------------*/
-
+/* -------------------
+           Aligned
+    -------------------- */
 .ui.left.aligned.header {
   text-align: left;
 }
@@ -647,10 +635,9 @@ a.ui.inverted.black.header.header.header:hover {
   width: 100%;
 }
 
-/*-------------------
-         Floated
-  --------------------*/
-
+/* -------------------
+           Floated
+    -------------------- */
 .ui.floated.header,
 .ui[class*="left floated"].header {
   float: left;
@@ -663,18 +650,16 @@ a.ui.inverted.black.header.header.header:hover {
   margin-left: 0.5em;
 }
 
-/*-------------------
-         Fitted
-  --------------------*/
-
+/* -------------------
+           Fitted
+    -------------------- */
 .ui.fitted.header {
   padding: 0;
 }
 
-/*-------------------
-        Dividing
-  --------------------*/
-
+/* -------------------
+          Dividing
+    -------------------- */
 .ui.dividing.header {
   padding-bottom: 0.21428571rem;
   border-bottom: 1px solid rgba(34, 36, 38, 0.15);
@@ -689,10 +674,9 @@ a.ui.inverted.black.header.header.header:hover {
   border-bottom-color: rgba(255, 255, 255, 0.1);
 }
 
-/*-------------------
-          Block
-  --------------------*/
-
+/* -------------------
+            Block
+    -------------------- */
 .ui.block.header {
   background: #F3F4F5;
   padding: 0.78571429rem 1rem;
@@ -726,10 +710,9 @@ a.ui.inverted.black.header.header.header:hover {
   font-size: 1.71428571rem;
 }
 
-/*-------------------
-         Attached
-  --------------------*/
-
+/* -------------------
+           Attached
+    -------------------- */
 .ui.attached.header {
   background: #FFFFFF;
   padding: 0.78571429rem 1rem;
@@ -778,10 +761,9 @@ a.ui.inverted.black.header.header.header:hover {
   font-size: 1.71428571em;
 }
 
-/*-------------------
+/* -------------------
         Sizing
---------------------*/
-
+-------------------- */
 .ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
   font-size: 1.28571429em;
 }

package/dist/components/header.min.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.2+f5a64f3 - Header
+ * # Fomantic-UI 2.9.1-beta.20+d4987bf - Header
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/components/icon.css

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1-beta.2+f5a64f3 - Icon
+ * # Fomantic-UI 2.9.1-beta.20+d4987bf - Icon
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18,6 +18,7 @@
   src: url("./../themes/default/assets/fonts/icons.woff2") format('woff2') , url("./../themes/default/assets/fonts/icons.woff") format('woff');
   font-style: normal;
   font-weight: normal;
+  font-display: block;
   font-variant: normal;
   text-decoration: inherit;
   text-transform: none;
@@ -27,6 +28,7 @@
   src: url("./../themes/default/assets/fonts/outline-icons.woff2") format('woff2') , url("./../themes/default/assets/fonts/outline-icons.woff") format('woff');
   font-style: normal;
   font-weight: normal;
+  font-display: block;
   font-variant: normal;
   text-decoration: inherit;
   text-transform: none;
@@ -36,6 +38,7 @@
   src: url("./../themes/default/assets/fonts/brand-icons.woff2") format('woff2') , url("./../themes/default/assets/fonts/brand-icons.woff") format('woff');
   font-style: normal;
   font-weight: normal;
+  font-display: block;
   font-variant: normal;
   text-decoration: inherit;
   text-transform: none;
@@ -67,10 +70,9 @@ i.icon::before {
 *******************************/
 
 
-/*--------------
-      Loading
-  ---------------*/
-
+/* --------------
+        Loading
+    --------------- */
 i.loading.icon {
   height: 1em;
   line-height: 1;
@@ -107,20 +109,18 @@ i.disabled.icons {
 *******************************/
 
 
-/*-------------------
-          Fitted
-  --------------------*/
-
+/* -------------------
+            Fitted
+    -------------------- */
 i.fitted.icons,
 i.fitted.icon {
   width: auto;
   margin: 0 !important;
 }
 
-/*-------------------
-           Link
-  --------------------*/
-
+/* -------------------
+             Link
+    -------------------- */
 i.link.icon:not(.disabled),
 i.link.icons:not(.disabled) {
   cursor: pointer;
@@ -133,10 +133,9 @@ i.link.icons:hover {
   opacity: 1;
 }
 
-/*-------------------
-        Circular
-  --------------------*/
-
+/* -------------------
+          Circular
+    -------------------- */
 i.circular.icon {
   border-radius: 500em !important;
   line-height: 1 !important;
@@ -156,10 +155,9 @@ i.circular.inverted.icon {
           box-shadow: none;
 }
 
-/*-------------------
-        Flipped
-  --------------------*/
-
+/* -------------------
+          Flipped
+    -------------------- */
 i.flipped.icon,
 i.horizontally.flipped.icon {
   -webkit-transform: scale(-1, 1);
@@ -179,10 +177,9 @@ i.vertically.flipped.icon {
           transform: translateX(-50%) translateY(-50%) scale(1, -1);
 }
 
-/*-------------------
-        Rotated
-  --------------------*/
-
+/* -------------------
+          Rotated
+    -------------------- */
 i.rotated.icon,
 i.right.rotated.icon,
 i.clockwise.rotated.icon {
@@ -214,10 +211,9 @@ i.halfway.rotated.icon {
           transform: translateX(-50%) translateY(-50%) rotate(180deg);
 }
 
-/*--------------------------
-        Flipped & Rotated
-  ---------------------------*/
-
+/* --------------------------
+          Flipped & Rotated
+    --------------------------- */
 i.rotated.flipped.icon,
 i.right.rotated.flipped.icon,
 i.clockwise.rotated.flipped.icon {
@@ -279,10 +275,9 @@ i.halfway.rotated.vertically.flipped.icon {
           transform: translateX(-50%) translateY(-50%) scale(1, -1) rotate(180deg);
 }
 
-/*-------------------
-        Bordered
-  --------------------*/
-
+/* -------------------
+          Bordered
+    -------------------- */
 i.bordered.icon {
   line-height: 1;
   vertical-align: baseline;
@@ -302,10 +297,9 @@ i.bordered.inverted.icon {
           box-shadow: none;
 }
 
-/*-------------------
-        Inverted
-  --------------------*/
-
+/* -------------------
+          Inverted
+    -------------------- */
 
 /* Inverted Shapes */
 i.inverted.bordered.icon,
@@ -317,10 +311,9 @@ i.inverted.icon {
   color: #FFFFFF;
 }
 
-/*-------------------
+/* -------------------
        Colors
---------------------*/
-
+-------------------- */
 i.primary.icon.icon.icon.icon.icon {
   color: #2185D0;
 }
@@ -517,10 +510,9 @@ i.inverted.circular.black.icons {
   color: #FFFFFF;
 }
 
-/*-------------------
+/* -------------------
         Sizes
---------------------*/
-
+-------------------- */
 i.icon,
 i.icons {
   font-size: 1em;
@@ -565,8 +557,8 @@ i.massive.massive.massive.icons {
 
 
 /*******************************
-              Groups
-  *******************************/
+                Groups
+    *******************************/
 
 i.icons {
   display: inline-block;
@@ -641,8 +633,8 @@ i.icons .inverted.corner.icon {
 
 
 /*************************************************
-     Bordered/circular with corner or group icons
-  *************************************************/
+       Bordered/circular with corner or group icons
+    *************************************************/
 
 i.bordered.icons,
 i.circular.icons {
@@ -734,8 +726,8 @@ i.icon.sign.out::before {
 
 
 /*******************************
-          Solid Icons
-  *******************************/
+            Solid Icons
+    *******************************/
 
 
 /* Icons */
@@ -4614,8 +4606,8 @@ i.icon.zoom.out::before {
 
 
 /*******************************
-           Outline Icons
-  *******************************/
+             Outline Icons
+    *******************************/
 
 i.icon.outline {
   font-family: 'outline-icons';
@@ -5080,21 +5072,8 @@ i.icon.window.restore.outline::before {
 
 
 /*******************************
-         Thin Icons
-  *******************************/
-
-
-/* Icons */
-i.icon.thin {
-  font-family: 'thin-icons';
-}
-
-/* Aliases */
-
-
-/*******************************
-            Brand Icons
-  *******************************/
+              Brand Icons
+    *******************************/
 
 
 /* Icons */