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

package/src/theme.less

@@ -2,15 +2,15 @@
         Import Directives
 *******************************/
 
-/*------------------
+/* ------------------
        Theme
--------------------*/
+------------------- */
 
 @theme: @@element;
 
-/*--------------------
+/* --------------------
    Site Variables
----------------------*/
+--------------------- */
 
 /* Default site.variables */
 @import "@{themesFolder}/default/globals/site.variables";
@@ -20,16 +20,15 @@
 
 /* Component's site.variables */
 & when not (@theme = 'default') {
-  @import (optional) "@{themesFolder}/@{theme}/globals/site.variables";
+    @import (optional) "@{themesFolder}/@{theme}/globals/site.variables";
 }
 
 /* Site theme site.variables */
 @import (optional) "@{siteFolder}/globals/site.variables";
 
-
-/*-------------------
+/* -------------------
  Component Variables
----------------------*/
+--------------------- */
 
 /* Default */
 @import "@{themesFolder}/default/@{type}s/@{element}.variables";
@@ -40,10 +39,9 @@
 /* Site Theme */
 @import (optional) "@{siteFolder}/@{type}s/@{element}.variables";
 
-
-/*-------------------------
+/* -------------------------
     Central Color Map
--------------------------*/
+------------------------- */
 
 /* Default */
 @import "@{themesFolder}/default/globals/colors.less";
@@ -51,38 +49,37 @@
 /* Site Theme */
 @import (optional) "@{themesFolder}/@{site}/globals/colors.less";
 
-
 /*******************************
              Mix-ins
 *******************************/
 
-/*------------------
+/* ------------------
        Fonts
--------------------*/
+------------------- */
 
 .loadFonts() {
-  & when (@importGoogleFonts) {
-    @import (css) url('@{googleProtocol}fonts.googleapis.com/css2?family=@{googleFontRequest}');
-  }
-  & when (@importFonts) and not (@fontName = ''){
-    each(@fonts, {
-      @font-face {
-        each(@value,{
-            @{key}: @value;
-        });
-      }
-    })
+    & when (@importGoogleFonts) {
+        @import (css) url('@{googleProtocol}fonts.googleapis.com/css2?family=@{googleFontRequest}');
+    }
+    & when (@importFonts) and not (@fontName = '') {
+        each(@fonts, {
+            @font-face {
+                each(@value,{
+                    @{key}: @value;
+                });
+            }
+        })
   }
 }
 
-/*------------------
+/* ------------------
      Overrides
--------------------*/
+------------------- */
 
 .loadUIOverrides() {
-  & when not (@theme = 'default') {
-    @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
-  }
-  @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
-  @import (optional) "@{siteFolder}/@{type}s/@{element}.overrides";
+    & when not (@theme = 'default') {
+        @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
+    }
+    @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
+    @import (optional) "@{siteFolder}/@{type}s/@{element}.overrides";
 }

package/src/themes/default/elements/container.variables

@@ -51,13 +51,6 @@
 @computerVeryRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @veryRelaxedGridGutterWidth));
 @largeMonitorVeryRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @veryRelaxedGridGutterWidth));
 
-/*-------------------
-       Scrolling
---------------------*/
-@scrollingMobileMaxHeight: 15em;
-@scrollingTabletMaxHeight: 18em;
-@scrollingComputerMaxHeight: 24em;
-@scrollingWidescreenMaxHeight: 30em;
 
 /*-------------------
        Types

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

@@ -41,6 +41,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
 @outlineFontName: 'outline-icons';
 @thinFontName: 'thin-icons';
 @brandFontName: 'brand-icons';
+@duotoneFontName: 'duotone-icons';
 
 @fonts: {
 @solid: {
@@ -49,6 +50,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{fontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -59,6 +61,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{outlineFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -69,6 +72,7 @@ Icons are order A-Z in their group, Solid, Outline, Thin (Pro only) and Brand
     if(@supportIE, e(',') url("@{fontPath}/@{brandFontName}.woff") format('woff'));
     font-style     : normal;
     font-weight    : @normal;
+    font-display   : block;
     font-variant   : normal;
     text-decoration: inherit;
     text-transform : none;
@@ -2059,6 +2063,14 @@ ycombinator: \f23b;
 youtube_play: \f167;
 };
 
+@icon-duotone-map: {
+};
+@icon-duotone-secondary-map: {
+};
+@icon-duotone-aliases-map: {
+};
+@icon-duotone-secondary-aliases-map: {
+};
 
 /*--------------
    Definition
@@ -2114,3 +2126,9 @@ youtube_play: \f167;
 @big: 2em;
 @huge: 4em;
 @massive: 8em;
+
+/* Duotone specifics */
+@duotonePrimaryColor: inherit;
+@duotonePrimaryOpacity: 1;
+@duotoneSecondaryColor: inherit;
+@duotoneSecondaryOpacity: 0.4;

package/src/themes/default/elements/segment.variables

@@ -154,10 +154,3 @@
 ;
 @tertiaryInvertedColor: @invertedMutedTextColor;
 
-/*-------------------
-       Scrolling
---------------------*/
-@scrollingMobileMaxHeight: 15em;
-@scrollingTabletMaxHeight: 18em;
-@scrollingComputerMaxHeight: 24em;
-@scrollingWidescreenMaxHeight: 30em;