fomantic-ui 2.9.1-beta.3 → 2.9.1-beta.30

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

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/

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;
+@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';
+@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: #333;
+@lightBlue: #2979ff;
+@lightGreen: #00e676;
+@lightOrange: #ff9100;
+@lightPink: #f50057;
+@lightPurple: #d500f9;
+@lightRed: #ff1744;
+@lightTeal: #1de9b6;
+@lightYellow: #ffea00;
+
+/* ---   Neutrals  --- */
+@fullBlack: #000;
+@darkGrey: #aaa;
+@lightGrey: #dcddde;
+@offWhite: #fafafa;
+@darkWhite: #f0f0f0;
+@white: #fff;
+
+/* -------------------
     Brand Colors
---------------------*/
+-------------------- */
 
-@primaryColor        : @blue;
-@secondaryColor      : @grey;
+@primaryColor: @blue;
+@secondaryColor: @grey;
 
-@lightPrimaryColor   : @lightBlue;
-@lightSecondaryColor : @lightGrey;
+@lightPrimaryColor: @lightBlue;
+@lightSecondaryColor: @lightGrey;
 
-/*-------------------
+/* -------------------
       Paragraph
---------------------*/
+-------------------- */
 
-@paragraphMargin     : 0em 0em 1.53em;
+@paragraphMargin: 0 0 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;
+@highlightBackground: #009fda;
+@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');
+@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

@@ -3,10 +3,10 @@
 *******************************/
 
 @menuBorderRadius: @borderRadius;
-@menuBorderColor: #DADADA;
-@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+@menuBorderColor: #dadada;
+@menuBoxShadow: 0 2px 4px rgba(0, 0, 0, 0.2);
 
-@menuPadding: @relative8px 0em;
+@menuPadding: @relative8px 0;
 @itemVerticalPadding: 1em;
 @itemHorizontalPadding: 1.5em;
 
@@ -14,7 +14,7 @@
 @menuHeaderFontWeight: bold;
 @menuHeaderTextTransform: none;
 
-@selectionBorderEmWidth: 0em;
+@selectionBorderEmWidth: 0;
 @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');
+@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,15 +1,14 @@
-@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
-@borderRadius: 0em;
-
+@boxShadow: 0 10px 18px rgba(0, 0, 0, 0.22);
+@borderRadius: 0;
 
 @headerBackground: @white;
 @headerVerticalPadding: 1.7142rem;
 @headerHorizontalPadding: 1.7142rem;
 @headerFontWeight: 400;
-@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
+@headerFontFamily: "Roboto", "Helvetica Neue", Arial, sans-serif;
 @headerBorder: none;
 
 @contentPadding: 1rem 2rem 2rem;
 
 @actionBorder: none;
-@actionBackground: @white;
+@actionBackground: @white;

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

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

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

@@ -2,11 +2,11 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
-@backgroundColor: #F8F8F8;
+@backgroundColor: #f8f8f8;
 @backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
 @verticalAlign: middle;
 @borderRadius: 0.4em;
@@ -19,9 +19,8 @@
 
 /* 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: inherit;
+    font-size: 100%;
+    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.overrides

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/