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

package/src/themes/material/elements/icon.variables

@@ -1,15 +1,15 @@
-@fontPath  : '../../themes/material/assets/fonts';
+@fontPath : '../../themes/material/assets/fonts';
 @fonts: {
-  @solid: {
-    font-family: @fontName;
-    src: url("@{fontPath}/@{fontName}.woff2") format('woff2')
-    if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
-    font-style: normal;
-    font-weight: @normal;
-    font-variant: normal;
-    text-decoration: inherit;
-    text-transform: none;
-  };
+    @solid: {
+        font-family: @fontName;
+        src: url("@{fontPath}/@{fontName}.woff2") format('woff2')
+            if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
+        font-style: normal;
+        font-weight: @normal;
+        font-variant: normal;
+        text-decoration: inherit;
+        text-transform: none;
+    };
 };
 @icon-deprecated-map: {};
 @icon-outline-map: {};

package/src/themes/material/globals/site.variables

@@ -2,125 +2,124 @@
          Site Settings
 *******************************/
 
-/*-------------------
+/* -------------------
        Fonts
---------------------*/
+-------------------- */
 
-@headerFont        : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@pageFont          : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-@googleFontName    : 'Roboto';
+@headerFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@pageFont : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@googleFontName : 'Roboto';
 
-/*-------------------
+/* -------------------
       Base Sizes
---------------------*/
+-------------------- */
 
-@emSize            : 14px;
-@fontSize          : 13px;
+@emSize : 14px;
+@fontSize : 13px;
 
-/*--------------
+/* --------------
       Page
----------------*/
+--------------- */
 
-@pageBackground      : #F9F9F9;
-@lineHeight          : 1.33;
-@textColor           : #212121;
+@pageBackground : #F9F9F9;
+@lineHeight : 1.33;
+@textColor : #212121;
 
-/*--------------
+/* --------------
   Page Heading
----------------*/
+--------------- */
 
 @headerLineHeight : 1.33em;
 @headerFontWeight : 400;
 
-@h1               : 2.25rem;
-@h2               : 2rem;
-@h3               : 1.75rem;
-@h4               : 1.5rem;
-@h5               : 1.25rem;
+@h1 : 2.25rem;
+@h2 : 2rem;
+@h3 : 1.75rem;
+@h4 : 1.5rem;
+@h5 : 1.25rem;
 
-
-/*-------------------
+/* -------------------
         Paths
---------------------*/
+-------------------- */
 
 @imagePath : '../../themes/material/assets/images';
 
-/*--------------
+/* --------------
    Paragraphs
----------------*/
+--------------- */
 
 @paragraphLineHeight: 1.7em;
 
-/*-------------------
+/* -------------------
       Site Colors
---------------------*/
-
-/*---  Colors  ---*/
-@black            : #1B1C1D;
-@blue             : #2196F3;
-@green            : #4CAF50;
-@grey             : #9E9E9E;
-@orange           : #FF9800;
-@pink             : #E91E63;
-@purple           : #9C27B0;
-@red              : #F44336;
-@teal             : #1de9b6;
-@yellow           : #FFEB3B;
-
-/*---  Light Colors  ---*/
-@lightBlack       : #333333;
-@lightBlue        : #2979FF;
-@lightGreen       : #00E676;
-@lightOrange      : #FF9100;
-@lightPink        : #F50057;
-@lightPurple      : #D500F9;
-@lightRed         : #FF1744;
-@lightTeal        : #1DE9B6;
-@lightYellow      : #FFEA00;
-
-/*---   Neutrals  ---*/
-@fullBlack        : #000000;
-@darkGrey         : #AAAAAA;
-@lightGrey        : #DCDDDE;
-@offWhite         : #FAFAFA;
-@darkWhite        : #F0F0F0;
-@white            : #FFFFFF;
-
-/*-------------------
+-------------------- */
+
+/* ---  Colors  --- */
+@black : #1B1C1D;
+@blue : #2196F3;
+@green : #4CAF50;
+@grey : #9E9E9E;
+@orange : #FF9800;
+@pink : #E91E63;
+@purple : #9C27B0;
+@red : #F44336;
+@teal : #1de9b6;
+@yellow : #FFEB3B;
+
+/* ---  Light Colors  --- */
+@lightBlack : #333333;
+@lightBlue : #2979FF;
+@lightGreen : #00E676;
+@lightOrange : #FF9100;
+@lightPink : #F50057;
+@lightPurple : #D500F9;
+@lightRed : #FF1744;
+@lightTeal : #1DE9B6;
+@lightYellow : #FFEA00;
+
+/* ---   Neutrals  --- */
+@fullBlack : #000000;
+@darkGrey : #AAAAAA;
+@lightGrey : #DCDDDE;
+@offWhite : #FAFAFA;
+@darkWhite : #F0F0F0;
+@white : #FFFFFF;
+
+/* -------------------
     Brand Colors
---------------------*/
+-------------------- */
 
-@primaryColor        : @blue;
-@secondaryColor      : @grey;
+@primaryColor : @blue;
+@secondaryColor : @grey;
 
-@lightPrimaryColor   : @lightBlue;
+@lightPrimaryColor : @lightBlue;
 @lightSecondaryColor : @lightGrey;
 
-/*-------------------
+/* -------------------
       Paragraph
---------------------*/
+-------------------- */
 
-@paragraphMargin     : 0em 0em 1.53em;
+@paragraphMargin : 0em 0em 1.53em;
 
-/*-------------------
+/* -------------------
        Links
---------------------*/
+-------------------- */
 
-@linkColor           : #009FDA;
-@linkUnderline       : none;
-@linkHoverColor      : lighten(@linkColor, 5);
-@linkHoverUnderline  : @linkUnderline;
+@linkColor : #009FDA;
+@linkUnderline : none;
+@linkHoverColor : lighten(@linkColor, 5);
+@linkHoverUnderline : @linkUnderline;
 
-/*-------------------
+/* -------------------
   Highlighted Text
---------------------*/
+-------------------- */
 
 @highlightBackground : #009FDA;
-@highlightColor      : @white;
+@highlightColor : @white;
 
-/*-------------------
+/* -------------------
        Accents
---------------------*/
+-------------------- */
 
 /* 4px @ default em */
 @relativeBorderRadius: @relative4px;

package/src/themes/material/modules/dropdown.overrides

@@ -1,5 +1,5 @@
 @import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
 
 .ui.dropdown {
-  font-family: 'Roboto';
+    font-family: 'Roboto';
 }

package/src/themes/material/modules/dropdown.variables

@@ -17,4 +17,4 @@
 @selectionBorderEmWidth: 0em;
 @selectionItemDivider: none;
 
-@labelBoxShadow: none;
+@labelBoxShadow: none;

package/src/themes/material/modules/modal.overrides

@@ -1,6 +1,6 @@
 @import (css) url('https://fonts.googleapis.com/css2?family=Roboto');
 
 .ui.modal .header {
-  font-family: "Roboto", Arial, Sans-serif !important;
-  font-weight: 400 !important;
+    font-family: "Roboto", Arial, Sans-serif !important;
+    font-weight: 400 !important;
 }

package/src/themes/material/modules/modal.variables

@@ -1,7 +1,6 @@
 @boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
 @borderRadius: 0em;
 
-
 @headerBackground: @white;
 @headerVerticalPadding: 1.7142rem;
 @headerHorizontalPadding: 1.7142rem;
@@ -12,4 +11,4 @@
 @contentPadding: 1rem 2rem 2rem;
 
 @actionBorder: none;
-@actionBackground: @white;
+@actionBackground: @white;

package/src/themes/pulsar/elements/loader.overrides

@@ -3,68 +3,68 @@
 *******************************/
 
 .ui.loader::after {
-  -webkit-animation: loader-pulsar 2s infinite linear;
-  animation: loader-pulsar 2s infinite linear;
+    -webkit-animation: loader-pulsar 2s infinite linear;
+    animation: loader-pulsar 2s infinite linear;
 }
 
 @-webkit-keyframes loader-pulsar {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    opacity: 0;
-  }
-  20% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-  40% {
-    -webkit-transform: rotate(740deg);
-            transform: rotate(740deg);
-    opacity: 1;
-  }
-  60% {
-    -webkit-transform: rotate(1120deg);
-            transform: rotate(1120deg);
-    opacity: 1;
-  }
-  80% {
-    -webkit-transform: rotate(1440deg);
-            transform: rotate(1440deg);
-  }
-  100% {
-    -webkit-transform: rotate(1800deg);
-            transform: rotate(1800deg);
-    opacity: 0;
-  }
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+        opacity: 0;
+    }
+    20% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+    40% {
+        -webkit-transform: rotate(740deg);
+        transform: rotate(740deg);
+        opacity: 1;
+    }
+    60% {
+        -webkit-transform: rotate(1120deg);
+        transform: rotate(1120deg);
+        opacity: 1;
+    }
+    80% {
+        -webkit-transform: rotate(1440deg);
+        transform: rotate(1440deg);
+    }
+    100% {
+        -webkit-transform: rotate(1800deg);
+        transform: rotate(1800deg);
+        opacity: 0;
+    }
 }
 
 @keyframes loader-pulsar {
-  0% {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-    opacity: 0;
-  }
-  20% {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-  40% {
-    -webkit-transform: rotate(740deg);
-            transform: rotate(740deg);
-    opacity: 1;
-  }
-  60% {
-    -webkit-transform: rotate(1120deg);
-            transform: rotate(1120deg);
-    opacity: 1;
-  }
-  80% {
-    -webkit-transform: rotate(1440deg);
-            transform: rotate(1440deg);
-  }
-  100% {
-    -webkit-transform: rotate(1800deg);
-            transform: rotate(1800deg);
-    opacity: 0;
-  }
+    0% {
+        -webkit-transform: rotate(0deg);
+        transform: rotate(0deg);
+        opacity: 0;
+    }
+    20% {
+        -webkit-transform: rotate(360deg);
+        transform: rotate(360deg);
+    }
+    40% {
+        -webkit-transform: rotate(740deg);
+        transform: rotate(740deg);
+        opacity: 1;
+    }
+    60% {
+        -webkit-transform: rotate(1120deg);
+        transform: rotate(1120deg);
+        opacity: 1;
+    }
+    80% {
+        -webkit-transform: rotate(1440deg);
+        transform: rotate(1440deg);
+    }
+    100% {
+        -webkit-transform: rotate(1800deg);
+        transform: rotate(1800deg);
+        opacity: 0;
+    }
 }

package/src/themes/raised/elements/button.variables

@@ -2,9 +2,9 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @backgroundColor: #F8F8F8;
 @backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
@@ -19,9 +19,9 @@
 
 /* transition box shadow as well */
 @transition:
-  opacity @defaultDuration @defaultEasing,
-  background-color @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing
-;
+    opacity @defaultDuration @defaultEasing,
+    background-color @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing
+;

package/src/themes/resetcss/globals/reset.overrides

@@ -7,46 +7,128 @@
  * http://cssreset.com
  */
 
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-b, u, i, center,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td,
-article, aside, canvas, details, embed,
-figure, figcaption, footer, header, hgroup,
-menu, nav, output, ruby, section, summary,
-time, mark, audio, video {
-  margin: 0;
-  padding: 0;
-  border: 0;
-  font-size: 100%;
-  font: inherit;
-  vertical-align: baseline;
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+    margin: 0;
+    padding: 0;
+    border: 0;
+    font-size: 100%;
+    font: inherit;
+    vertical-align: baseline;
 }
+
 /* HTML5 display-role reset for older browsers */
-article, aside, details, figcaption, figure,
-footer, header, hgroup, menu, nav, section {
-  display: block;
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+    display: block;
 }
 body {
-  line-height: 1;
+    line-height: 1;
 }
-ol, ul {
-  list-style: none;
+ol,
+ul {
+    list-style: none;
 }
-blockquote, q {
-  quotes: none;
+blockquote,
+q {
+    quotes: none;
 }
-blockquote::before, blockquote::after,
-q::before, q::after {
-  content: '';
-  content: none;
+blockquote::before,
+blockquote::after,
+q::before,
+q::after {
+    content: '';
+    content: none;
 }
 table {
-  border-collapse: collapse;
-  border-spacing: 0;
+    border-collapse: collapse;
+    border-spacing: 0;
 }

package/src/themes/resetcss/globals/reset.variables

@@ -1,3 +1,3 @@
 /*******************************
              Reset
-*******************************/
+*******************************/

package/src/themes/round/elements/button.variables

@@ -2,9 +2,9 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 @borderRadius: @circularRadius;
 @textTransform: uppercase;
 @backgroundColor: #FFFFFF;
@@ -12,7 +12,7 @@
 @fontWeight: bold;
 @textColor: rgba(0, 0, 0, 0.6);
 @boxShadow:
-  0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset
+    0px 0px 0px 2px rgba(0, 0, 0, 0.2) inset
 ;
 
 /* Padding */
@@ -26,16 +26,15 @@
 @iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
 @iconVerticalAlign: top;
 
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
 @verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
 
-
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 @hoverBackgroundColor: #FAFAFA;
 @hoverBackgroundImage: none;
@@ -51,9 +50,9 @@
 
 @loadingBackgroundColor: #FFFFFF;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Labeled Icon */
 @labeledIconWidth: 1em + (@verticalPadding * 2);
@@ -95,14 +94,13 @@
 @basicInvertedDownColor: @darkWhiteActive;
 @basicInvertedActiveColor: @invertedTextColor;
 
-
 /* Basic Group */
 @basicGroupBorder: 1px solid @borderColor;
 @basicGroupBoxShadow: 0px 0px 0px 1px @borderColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Colors */
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.1));
@@ -135,4 +133,3 @@
 @big: 1.25rem;
 @huge: 1.375rem;
 @massive: 1.5rem;
-