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

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/amazon/elements/button.overrides

@@ -1,46 +1,45 @@
 .ui.button {
-  background-image: linear-gradient(center top , #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
+    background-image: linear-gradient(center top, #F7F8FA, #E7E9EC) repeat scroll 0 0 rgba(0, 0, 0, 0);
 }
 
 .ui.primary.button {
-  color: #111111;
-  border: 1px solid;
-  border-color: #C59F43 #AA8326 #957321;
+    color: #111111;
+    border: 1px solid;
+    border-color: #C59F43 #AA8326 #957321;
 }
 .ui.primary.button:hover {
-  border-color: #C59F43 #AA8326 #957321;
-  color: #111111;
+    border-color: #C59F43 #AA8326 #957321;
+    color: #111111;
 }
 
 .ui.secondary.button {
-  border: 1px solid;
-  border-color: #3D444C #2F353B #2C3137;
+    border: 1px solid;
+    border-color: #3D444C #2F353B #2C3137;
 }
 .ui.secondary.button:hover {
-  border-color: #32373E #24282D #212429;
+    border-color: #32373E #24282D #212429;
 }
 
-
 .ui.labeled.icon.buttons .button > .icon,
 .ui.labeled.icon.button > .icon {
-  padding-bottom: 0.48em;
-  padding-top: 0.48em;
-  position: absolute;
-  text-align: center;
-  width: 2em;
-  height: 2em;
-  top: 0.35em;
-  left: 0.4em;
-  border-radius: 3px;
+    padding-bottom: 0.48em;
+    padding-top: 0.48em;
+    position: absolute;
+    text-align: center;
+    width: 2em;
+    height: 2em;
+    top: 0.35em;
+    left: 0.4em;
+    border-radius: 3px;
 }
 .ui.right.labeled.icon.buttons .button > .icon,
 .ui.right.labeled.icon.button > .icon {
-  left: auto;
-  right: 0.4em;
-  border-radius: 3px;
+    left: auto;
+    right: 0.4em;
+    border-radius: 3px;
 }
 
 .ui.basic.labeled.icon.buttons .button > .icon,
 .ui.basic.labeled.icon.button > .icon {
-  padding-top: 0.4em !important;
-}
+    padding-top: 0.4em !important;
+}

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
@@ -8,10 +8,10 @@
 @textColor: #111111;
 @fontWeight: normal;
 @transition:
-  opacity @defaultDuration @defaultEasing,
-  background-color @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing
+    opacity @defaultDuration @defaultEasing,
+    background-color @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing
 ;
 
 @hoverBackgroundColor: #E0E0E0;
@@ -23,18 +23,18 @@
 @backgroundColor: #F7F8FA;
 @backgroundImage: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.1));
 @boxShadow:
-  0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
-  0 0 0 1px #ADB2BB inset
+    0 1px 0 1px rgba(255, 255, 255, 0.3) inset,
+    0 0 0 1px #ADB2BB inset
 ;
 
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
 @coloredBoxShadow:
-  0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset
+    0px 1px 0px 0px rgba(255, 255, 255, 0.2) inset
 ;
 
 @downBoxShadow:
-  0 0 0 1px #ADB2BB inset,
-  0 1px 3px rgba(0, 0, 0, 0.2) inset
+    0 0 0 1px #ADB2BB inset,
+    0 1px 3px rgba(0, 0, 0, 0.2) inset
 ;
 
 @labeledIconBackgroundColor: #313A43;

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

@@ -2,7 +2,7 @@
      User Global Variables
 *******************************/
 
-@pageMinWidth  : 1049px;
+@pageMinWidth : 1049px;
 @pageOverflowX : visible;
 
 @emSize: 13px;
@@ -39,6 +39,5 @@
 @green: #60B044;
 @orange: #D26911;
 
-
 @infoBackgroundColor: #E6F1F6;
-@infoTextColor: #4E575B;
+@infoTextColor: #4E575B;

package/src/themes/basic/collections/table.overrides

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

package/src/themes/basic/collections/table.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Table Variables
---------------------*/
+-------------------- */
 
 @headerBackground: @white;
 @footerBackground: @white;
@@ -8,4 +8,4 @@
 @cellVerticalPadding: 1em;
 @cellHorizontalPadding: 1em;
 
-@stateMarkerWidth: 1px;
+@stateMarkerWidth: 1px;

package/src/themes/basic/elements/button.overrides

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

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @textTransform: none;

package/src/themes/basic/elements/icon.overrides

@@ -49,7 +49,6 @@ i.icon.layout.list::before { content: '\e80b'; } /* '' */
 i.icon.heart.empty::before { content: '\2661'; } /* '♡' */
 i.icon.heart::before { content: '\2665'; } /* '♥' */
 
-
 i.icon.asterisk::before { content: '\2731'; } /* '✱' */
 i.icon.attachment::before { content: '📎'; } /* '\1f4ce' */
 i.icon.attention::before { content: '\26a0'; } /* '⚠' */
@@ -83,7 +82,7 @@ i.icon.paint::before { content: '\e7b5'; } /* '' */
 i.icon.edit::before { content: '\270d'; } /* '✍' */
 i.icon.eject::before { content: '\2ecf'; } /* '⻏' */
 i.icon.export::before { content: '\e715'; } /* '' */
-i.icon.hide::before  { content: '\e70b'; } /* '' */
+i.icon.hide::before { content: '\e70b'; } /* '' */
 i.icon.unhide::before { content: '\e80f'; } /* '' */
 i.icon.facebook::before { content: '\f301'; } /* '' */
 i.icon.fast-forward::before { content: '\e804'; } /* '' */
@@ -139,25 +138,25 @@ i.icon.url::before { content: '🔗'; } /* '\1f517' */
 i.icon.zoom.in::before { content: '\e750'; } /* '' */
 i.icon.zoom.out::before { content: '\e751'; } /* '' */
 
-/*--------------
+/* --------------
    Spacing Fix
----------------*/
+--------------- */
 
 /* dropdown arrows are to the right */
 i.dropdown.icon {
-  margin: 0em 0em 0em 0.5em;
+    margin: 0em 0em 0em 0.5em;
 }
 
 /* stars are usually consecutive */
 i.icon.star {
-  width: auto;
-  margin: 0em;
+    width: auto;
+    margin: 0em;
 }
 
 /* left side basic.icons */
 i.icon.left {
-  width: auto;
-  margin: 0em 0.5em 0em 0em;
+    width: auto;
+    margin: 0em 0.5em 0em 0em;
 }
 
 /* right side basic.icons */
@@ -165,13 +164,13 @@ i.icon.search,
 i.icon.up,
 i.icon.down,
 i.icon.right {
-  width: auto;
-  margin: 0em 0em 0em 0.5em;
+    width: auto;
+    margin: 0em 0em 0em 0.5em;
 }
 
-/*--------------
+/* --------------
      Aliases
----------------*/
+--------------- */
 
 /* aliases for convenience */
 i.icon.delete::before { content: '\e80d'; } /* '' */

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

@@ -1,22 +1,22 @@
-/*-------------------
+/* -------------------
    Icon Variables
---------------------*/
+-------------------- */
 
-@fontPath  : "../../themes/basic/assets/fonts";
+@fontPath : "../../themes/basic/assets/fonts";
 
 @fonts: {
-  @solid: {
-    font-family: @fontName;
-    src: 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}.woff") format('woff');
+        font-style: normal;
+        font-weight: @normal;
+        font-variant: normal;
+        text-decoration: inherit;
+        text-transform: none;
+    };
 };
 @icon-deprecated-map: {};
 @icon-outline-map: {};
 @icon-outline-aliases-map: {};
 @icon-brand-map: {};
-@icon-brand-aliases-map: {};
+@icon-brand-aliases-map: {};

package/src/themes/basic/elements/step.overrides

@@ -3,8 +3,8 @@
 *******************************/
 
 .ui.steps .step::after {
-  display: none !important;
+    display: none !important;
 }
 .ui.steps .step {
-  border-radius: 500px !important;
+    border-radius: 500px !important;
 }

package/src/themes/basic/elements/step.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Step Variables
---------------------*/
+-------------------- */
 
 /* Stepss */
 @stepsBorder: none;

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

@@ -2,4 +2,4 @@
            Overrides
 *******************************/
 
-/* No Additional Resets */
+/* No Additional Resets */

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

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

package/src/themes/basic/views/card.overrides

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

package/src/themes/basic/views/card.variables

@@ -2,9 +2,9 @@
              Card
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 @width: 250px;
 @background: transparent;
@@ -32,4 +32,4 @@
 @imageBorder: 1px solid @borderColor;
 
 @linkHoverBackground: transparent;
-@linkHoverBoxShadow: none;
+@linkHoverBoxShadow: none;

package/src/themes/bookish/elements/header.overrides

@@ -6,10 +6,10 @@
 
 h1.ui.header,
 .ui.huge.header {
-  font-weight: bold;
+    font-weight: bold;
 }
 
 h2.ui.header,
 .ui.large.header {
-  font-weight: bold;
-}
+    font-weight: bold;
+}

package/src/themes/bookish/elements/header.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
        Header
---------------------*/
+-------------------- */
 
 @headerFont : 'Karma', 'Times New Roman', serif;
 @fontWeight: @normal;

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
@@ -17,7 +17,6 @@
 @backgroundColor: @white;
 @backgroundImage: none;
 
-
 @borderBoxShadowColor: rgba(0, 0, 0, 0.14);
 
 @green: #5CB85C;
@@ -38,8 +37,8 @@
 @basicActiveBackground: transparent;
 @basicHoverBackground: transparent;
 @basicDownBoxShadow:
-  0px 0px 0px 1px #ADADAD inset,
-  0 3px 5px rgba(0, 0, 0, 0.125) inset
+    0px 0px 0px 1px #ADADAD inset,
+    0 3px 5px rgba(0, 0, 0, 0.125) inset
 ;
 
 @groupButtonOffset: 0px 0px 0px -1px;
@@ -49,13 +48,13 @@
 
 @hoverBackgroundColor: #E6E6E6;
 @hoverBoxShadow:
-  0px 0px 0px 1px #ADADAD inset
+    0px 0px 0px 1px #ADADAD inset
 ;
 
 @downBackgroundColor: #E6E6E6;
 @downBoxShadow:
-  0px 0px 0px 1px #ADADAD inset,
-  0 3px 5px rgba(0, 0, 0, 0.125) inset
+    0px 0px 0px 1px #ADADAD inset,
+    0 3px 5px rgba(0, 0, 0, 0.125) inset
 ;
 
 @activeBackgroundColor: #E6E6E6;

package/src/themes/chubby/collections/form.overrides

@@ -1,16 +1,16 @@
-/*-------------------
+/* -------------------
    Form Variables
---------------------*/
+-------------------- */
 
 .ui.form .selection.dropdown {
-  padding: 1.1em 1.2em;
-  border-width: 2px;
+    padding: 1.1em 1.2em;
+    border-width: 2px;
 }
 .ui.form .selection.dropdown .menu {
-  min-width: calc(100% + 4px);
-  margin: 0 -2px;
-  border-width: 2px;
+    min-width: calc(100% + 4px);
+    margin: 0 -2px;
+    border-width: 2px;
 }
 .ui.form .selection.dropdown input {
-  padding: inherit;
-}
+    padding: inherit;
+}

package/src/themes/chubby/collections/form.variables

@@ -1,9 +1,9 @@
-/*-------------------
+/* -------------------
    Form Variables
---------------------*/
+-------------------- */
 
 @labelTextTransform: uppercase;
 @labelFontSize: 0.8em;
 
 @inputPadding: 1em 1.2em;
-@inputBorder: 2px solid @borderColor;
+@inputBorder: 2px solid @borderColor;

package/src/themes/chubby/collections/menu.variables

@@ -37,4 +37,4 @@
 @paginationActiveBackground: @lightGrey;
 
 @borderColor: @darkWhite;
-@tabularBorderWidth: 2px;
+@tabularBorderWidth: 2px;

package/src/themes/chubby/elements/button.overrides

@@ -6,16 +6,14 @@
 
 .ui.labeled.icon.buttons > .button > .icon,
 .ui.labeled.icon.button > .icon {
-  box-shadow:
-    -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
+    box-shadow:
+        -1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
+        -1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
 }
 
 .ui.right.labeled.icon.buttons .button .icon,
 .ui.right.labeled.icon.button .icon {
-  box-shadow:
-    1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
-    1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset
-  ;
-}
+    box-shadow:
+        1px 0px 0px 0px rgba(255, 255, 255, 0.2) inset,
+        1px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+}

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

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Button Variables
---------------------*/
+-------------------- */
 
 /* Button Variables */
 @pageFont: 'Source Sans Pro', Arial, sans-serif;

package/src/themes/chubby/elements/header.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
        Header
---------------------*/
+-------------------- */
 
 @headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
 @fontWeight: bold;
@@ -18,4 +18,4 @@
 @largeFontSize: 1.2em;
 @mediumFontSize: 1em;
 @smallFontSize: 0.9em;
-@tinyFontSize: 0.8em;
+@tinyFontSize: 0.8em;

package/src/themes/chubby/modules/accordion.overrides

@@ -3,5 +3,5 @@
 *******************************/
 
 .ui.styled.accordion .accordion .active.title {
-  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-}
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}

package/src/themes/chubby/modules/accordion.variables

@@ -1,6 +1,6 @@
-/*-------------------
+/* -------------------
    Accordion Variables
---------------------*/
+-------------------- */
 
 @iconMargin: 0em 0.5em 0em 0em;
 
@@ -12,4 +12,4 @@
 @styledTitlePadding: 1.25em;
 @styledTitleFontWeight: bold;
 @styledContentPadding: 1.5em 3.25em;
-@styledChildContentPadding: @styledContentPadding;
+@styledChildContentPadding: @styledContentPadding;

package/src/themes/chubby/views/comment.overrides

@@ -3,10 +3,10 @@
 *******************************/
 
 .ui.comments .comment {
-  border-radius: 0.5em;
-  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
+    border-radius: 0.5em;
+    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 .ui.comments .comment > .comments .comment {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-  box-shadow: none;
-}
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    box-shadow: none;
+}