fomantic-ui 2.9.1-beta.24 → 2.9.1-beta.26

package/src/theme.config.example

@@ -18,76 +18,76 @@
 */
 
 /* Global */
-@site       : 'default';
-@reset      : 'default';
+@site: 'default';
+@reset: 'default';
 
 /* Elements */
-@button     : 'default';
-@container  : 'default';
-@divider    : 'default';
-@emoji      : 'default';
-@flag       : 'default';
-@header     : 'default';
-@icon       : 'default';
-@image      : 'default';
-@input      : 'default';
-@label      : 'default';
-@list       : 'default';
-@loader     : 'default';
+@button: 'default';
+@container: 'default';
+@divider: 'default';
+@emoji: 'default';
+@flag: 'default';
+@header: 'default';
+@icon: 'default';
+@image: 'default';
+@input: 'default';
+@label: 'default';
+@list: 'default';
+@loader: 'default';
 @placeholder: 'default';
-@rail       : 'default';
-@reveal     : 'default';
-@segment    : 'default';
-@step       : 'default';
-@text       : 'default';
+@rail: 'default';
+@reveal: 'default';
+@segment: 'default';
+@step: 'default';
+@text: 'default';
 
 /* Collections */
-@breadcrumb : 'default';
-@form       : 'default';
-@grid       : 'default';
-@menu       : 'default';
-@message    : 'default';
-@table      : 'default';
+@breadcrumb: 'default';
+@form: 'default';
+@grid: 'default';
+@menu: 'default';
+@message: 'default';
+@table: 'default';
 
 /* Modules */
-@accordion  : 'default';
-@calendar   : 'default';
-@checkbox   : 'default';
-@dimmer     : 'default';
-@dropdown   : 'default';
-@embed      : 'default';
-@flyout     : 'default';
-@modal      : 'default';
-@nag        : 'default';
-@popup      : 'default';
-@progress   : 'default';
-@slider     : 'default';
-@rating     : 'default';
-@search     : 'default';
-@shape      : 'default';
-@sidebar    : 'default';
-@sticky     : 'default';
-@tab        : 'default';
-@toast      : 'default';
-@transition : 'default';
+@accordion: 'default';
+@calendar: 'default';
+@checkbox: 'default';
+@dimmer: 'default';
+@dropdown: 'default';
+@embed: 'default';
+@flyout: 'default';
+@modal: 'default';
+@nag: 'default';
+@popup: 'default';
+@progress: 'default';
+@slider: 'default';
+@rating: 'default';
+@search: 'default';
+@shape: 'default';
+@sidebar: 'default';
+@sticky: 'default';
+@tab: 'default';
+@toast: 'default';
+@transition: 'default';
 
 /* Views */
-@ad         : 'default';
-@card       : 'default';
-@comment    : 'default';
-@feed       : 'default';
-@item       : 'default';
-@statistic  : 'default';
+@ad: 'default';
+@card: 'default';
+@comment: 'default';
+@feed: 'default';
+@item: 'default';
+@statistic: 'default';
 
 /*******************************
             Folders
 *******************************/
 
 /* Path to theme packages */
-@themesFolder : 'themes';
+@themesFolder: 'themes';
 
 /* Path to site override folder */
-@siteFolder  : 'site';
+@siteFolder: 'site';
 
 
 /*******************************

package/src/theme.less

@@ -13,41 +13,41 @@
 --------------------- */
 
 /* Default site.variables */
-@import "@{themesFolder}/default/globals/site.variables";
+@import '@{themesFolder}/default/globals/site.variables';
 
 /* Packaged site.variables */
-@import (optional) "@{themesFolder}/@{site}/globals/site.variables";
+@import (optional) '@{themesFolder}/@{site}/globals/site.variables';
 
 /* 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";
+@import (optional) '@{siteFolder}/globals/site.variables';
 
 /* -------------------
  Component Variables
 --------------------- */
 
 /* Default */
-@import "@{themesFolder}/default/@{type}s/@{element}.variables";
+@import '@{themesFolder}/default/@{type}s/@{element}.variables';
 
 /* Packaged Theme */
-@import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.variables";
+@import (optional) '@{themesFolder}/@{theme}/@{type}s/@{element}.variables';
 
 /* Site Theme */
-@import (optional) "@{siteFolder}/@{type}s/@{element}.variables";
+@import (optional) '@{siteFolder}/@{type}s/@{element}.variables';
 
 /* -------------------------
     Central Color Map
 ------------------------- */
 
 /* Default */
-@import "@{themesFolder}/default/globals/colors.less";
+@import '@{themesFolder}/default/globals/colors.less';
 
 /* Site Theme */
-@import (optional) "@{themesFolder}/@{site}/globals/colors.less";
+@import (optional) '@{themesFolder}/@{site}/globals/colors.less';
 
 /*******************************
              Mix-ins
@@ -64,7 +64,7 @@
     & when (@importFonts) and not (@fontName = '') {
         each(@fonts, {
             @font-face {
-                each(@value,{
+                each(@value, {
                     @{key}: @value;
                 });
             }
@@ -78,8 +78,8 @@
 
 .loadUIOverrides() {
     & when not (@theme = 'default') {
-        @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
+        @import (optional) '@{themesFolder}/default/@{type}s/@{element}.overrides';
     }
-    @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";
-    @import (optional) "@{siteFolder}/@{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.variables

@@ -29,7 +29,7 @@
 
 @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
+    0 1px 0 0 rgba(255, 255, 255, 0.2) inset
 ;
 
 @downBoxShadow:

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

@@ -2,13 +2,13 @@
      User Global Variables
 *******************************/
 
-@pageMinWidth : 1049px;
-@pageOverflowX : visible;
+@pageMinWidth: 1049px;
+@pageOverflowX: visible;
 
 @emSize: 13px;
-@fontSize : 13px;
-@fontName : 'Arial';
-@importGoogleFonts : false;
+@fontSize: 13px;
+@fontName: 'Arial';
+@importGoogleFonts: false;
 @importFonts: false;
 
 @h1: 2.25em;

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

@@ -144,19 +144,19 @@ i.icon.zoom.out::before { content: '\e751'; } /* '' */
 
 /* dropdown arrows are to the right */
 i.dropdown.icon {
-    margin: 0em 0em 0em 0.5em;
+    margin: 0 0 0 0.5em;
 }
 
 /* stars are usually consecutive */
 i.icon.star {
     width: auto;
-    margin: 0em;
+    margin: 0;
 }
 
 /* left side basic.icons */
 i.icon.left {
     width: auto;
-    margin: 0em 0.5em 0em 0em;
+    margin: 0 0.5em 0 0;
 }
 
 /* right side basic.icons */
@@ -165,7 +165,7 @@ i.icon.up,
 i.icon.down,
 i.icon.right {
     width: auto;
-    margin: 0em 0em 0em 0.5em;
+    margin: 0 0 0 0.5em;
 }
 
 /* --------------

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

@@ -2,12 +2,12 @@
    Icon Variables
 -------------------- */
 
-@fontPath : "../../themes/basic/assets/fonts";
+@fontPath: '../../themes/basic/assets/fonts';
 
 @fonts: {
     @solid: {
         font-family: @fontName;
-        src: url("@{fontPath}/@{fontName}.woff") format('woff');
+        src: url('@{fontPath}/@{fontName}.woff') format('woff');
         font-style: normal;
         font-weight: @normal;
         font-variant: normal;

package/src/themes/basic/modules/progress.variables

@@ -4,9 +4,9 @@
 
 @background: transparent;
 @border: none;
-@padding: 0em;
+@padding: 0;
 
-@progressLeft: 0em;
+@progressLeft: 0;
 @progressWidth: 100%;
 @progressTextAlign: center;
 

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

@@ -11,15 +11,15 @@
 @border: none;
 @boxShadow: none;
 
-@contentPadding: 1em 0em;
+@contentPadding: 1em 0;
 
 @rowSpacing: 1.5em;
-@groupCardMargin: 0em @horizontalSpacing @rowSpacing;
+@groupCardMargin: 0 @horizontalSpacing @rowSpacing;
 
 @extraBackground: transparent;
 @extraDivider: none;
 @extraBoxShadow: none;
-@extraPadding: 0.5em 0em;
+@extraPadding: 0.5em 0;
 
 @extraLinkColor: @textColor;
 @extraLinkHoverColor: @linkHoverColor;

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

@@ -2,7 +2,7 @@
        Header
 -------------------- */
 
-@headerFont : 'Karma', 'Times New Roman', serif;
+@headerFont: 'Karma', 'Times New Roman', serif;
 @fontWeight: @normal;
 
 @iconSize: 1.5em;

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

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

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

@@ -30,30 +30,30 @@
 
 @labeledIconBackgroundColor: transparent;
 
-@basicBorderSize: 0px;
-@basicColoredBorderSize: 0px;
-@invertedBorderSize: 0px;
+@basicBorderSize: 0;
+@basicColoredBorderSize: 0;
+@invertedBorderSize: 0;
 
 @basicActiveBackground: transparent;
 @basicHoverBackground: transparent;
 @basicDownBoxShadow:
-    0px 0px 0px 1px #ADADAD inset,
+    0 0 0 1px #ADADAD inset,
     0 3px 5px rgba(0, 0, 0, 0.125) inset
 ;
 
-@groupButtonOffset: 0px 0px 0px -1px;
-@verticalGroupOffset: 0px 0px -1px 0px;
+@groupButtonOffset: 0 0 0 -1px;
+@verticalGroupOffset: 0 0 -1px 0;
 
 /* States */
 
 @hoverBackgroundColor: #E6E6E6;
 @hoverBoxShadow:
-    0px 0px 0px 1px #ADADAD inset
+    0 0 0 1px #ADADAD inset
 ;
 
 @downBackgroundColor: #E6E6E6;
 @downBoxShadow:
-    0px 0px 0px 1px #ADADAD inset,
+    0 0 0 1px #ADADAD inset,
     0 3px 5px rgba(0, 0, 0, 0.125) inset
 ;
 

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

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

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

@@ -4,9 +4,9 @@
 
 @background: @darkWhite;
 @boxShadow: none;
-@dividerSize: 0px;
+@dividerSize: 0;
 
-@verticalBoxShadow: 0px 0px 0px 2px @borderColor inset;
+@verticalBoxShadow: 0 0 0 2px @borderColor inset;
 @verticalActiveBoxShadow: none;
 
 @itemVerticalPadding: 1.25em;

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

@@ -7,13 +7,13 @@
 .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;
+        -1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
+        -1px 0 0 0 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;
+        1px 0 0 0 rgba(255, 255, 255, 0.2) inset,
+        1px 0 0 0 rgba(0, 0, 0, 0.05) inset;
 }

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

@@ -2,7 +2,7 @@
        Header
 -------------------- */
 
-@headerFont : 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
+@headerFont: 'Source Sans Pro', Helvetica Neue, Helvetica, Arial, sans-serif;
 @fontWeight: bold;
 @textTransform: none;
 

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

@@ -2,7 +2,7 @@
    Accordion Variables
 -------------------- */
 
-@iconMargin: 0em 0.5em 0em 0em;
+@iconMargin: 0 0.5em 0 0;
 
 @styledActiveTitleBackground: @subtleGradient;
 @styledActiveTitleColor: @primaryColor;

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

@@ -4,7 +4,7 @@
 
 .ui.comments .comment {
     border-radius: 0.5em;
-    box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.1);
 }
 .ui.comments .comment > .comments .comment {
     border: 1px solid rgba(0, 0, 0, 0.1);

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

@@ -8,7 +8,7 @@
 
 /* Comment */
 @commentBackground: #FFFFFF;
-@commentMargin: 1em 0em 0em;
+@commentMargin: 1em 0 0;
 @commentPadding: 1em 1.5em;
 @commentBorder: 1px solid rgba(0, 0, 0, 0.1);
 @commentDivider: 1px solid rgba(0, 0, 0, 0.1);
@@ -16,8 +16,8 @@
 @firstCommentPadding: 1em;
 
 /* Nested Comment */
-@nestedCommentsMargin: 0em 0em 0.5em 0.5em;
-@nestedCommentsPadding: 1em 0em 0em 1em;
+@nestedCommentsMargin: 0 0 0.5em 0.5em;
+@nestedCommentsPadding: 1em 0 0 1em;
 @nestedCommentBackground: #F0F0F0;
 
 /* Avatar */
@@ -35,7 +35,7 @@
 @authorFontWeight: bold;
 
 @metadataDisplay: block;
-@metadataSpacing: 0em;
+@metadataSpacing: 0;
 @metadataColor: @textColor;
 
 /* -------------------

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

@@ -10,5 +10,5 @@
 
 @headerBackground: @subtleGradient;
 @headerBoxShadow: @subtleShadow;
-@footerBoxShadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.05);
+@footerBoxShadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05);
 @footerBackground: rgba(0, 0, 0, 0.05);

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

@@ -7,13 +7,13 @@
 -------------------- */
 
 /* Shadow */
-@shadowDistance: 0em;
+@shadowDistance: 0;
 @shadowOffset: (@shadowDistance / 2);
-@shadowBoxShadow: 0px -@shadowDistance 0px 0px @borderColor inset;
+@shadowBoxShadow: 0 -@shadowDistance 0 0 @borderColor inset;
 @backgroundColor: #FAFAFA;
 @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
 @boxShadow:
-    0px 0px 0px 1px @borderColor inset,
+    0 0 0 1px @borderColor inset,
     @shadowBoxShadow
 ;
 
@@ -27,12 +27,12 @@
 
 @groupBoxShadow: none;
 @groupButtonBoxShadow:
-    0px 0px 0px 1px @borderColor inset,
+    0 0 0 1px @borderColor inset,
     @shadowBoxShadow
 ;
-@verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
-@groupButtonOffset: 0px 0px 0px -1px;
-@verticalGroupOffset: 0px 0px -1px 0px;
+@verticalBoxShadow: 0 0 0 1px @borderColor inset;
+@groupButtonOffset: 0 0 0 -1px;
+@verticalGroupOffset: 0 0 -1px 0;
 
 /* -------------------
         States
@@ -49,8 +49,8 @@
 @focusBackgroundColor: '';
 @focusBackgroundImage: none;
 @focusBoxShadow:
-    0px 0px 1px rgba(81, 167, 232, 0.8) inset,
-    0px 0px 3px 2px rgba(81, 167, 232, 0.8)
+    0 0 1px rgba(81, 167, 232, 0.8) inset,
+    0 0 3px 2px rgba(81, 167, 232, 0.8)
 ;
 @focusColor: @hoveredTextColor;
 @iconFocusOpacity: 0.85;
@@ -59,8 +59,8 @@
 @downBackgroundColor: #F1F1F1;
 @downBackgroundImage: '';
 @downBoxShadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important
 ;
 @downColor: @pressedTextColor;
 
@@ -69,16 +69,16 @@
 @activeBackgroundImage: none;
 @activeColor: @selectedTextColor;
 @activeBoxShadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important
 ;
 
 /* Active + Hovered */
 @activeHoverBackgroundColor: #DADADA;
 @activeHoverBackgroundImage: none;
 @activeHoverBoxShadow:
-    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+    0 1px 4px 0 rgba(0, 0, 0, 0.1) inset !important
 ;
 @activeHoverColor: @selectedTextColor;
 
@@ -91,5 +91,5 @@
 
 /* Labeled Icon */
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
-@labeledIconLeftShadow: -1px 0px 0px 0px @labeledIconBorder inset;
-@labeledIconRightShadow: 1px 0px 0px 0px @labeledIconBorder inset;
+@labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset;
+@labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset;

package/src/themes/classic/modules/progress.variables

@@ -3,7 +3,7 @@
 *******************************/
 
 @background: rgba(0, 0, 0, 0.05);
-@boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset;
+@boxShadow: 0 0 4px rgba(0, 0, 0, 0.1) inset;
 @barBackground: @subtleGradient #888888;
 @border: 1px solid @borderColor;
 @padding: @relative3px;

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

@@ -11,13 +11,13 @@
 @borderRadius: 0.325rem;
 @display: block;
 @float: left;
-@margin: 0em @horizontalSpacing @rowSpacing;
-@minHeight: 0px;
-@padding: 0em;
+@margin: 0 @horizontalSpacing @rowSpacing;
+@minHeight: 0;
+@padding: 0;
 @width: 300px;
 @boxShadow:
-    0px 0px 0px 1px @borderColor,
-    0px 3px 0px 0px @borderColor
+    0 0 0 1px @borderColor,
+    0 3px 0 0 @borderColor
 ;
 @border: none;
 @zIndex: '';
@@ -33,21 +33,21 @@
 
 /* Image */
 @imageBackground: @transparentBlack;
-@imagePadding: 0em;
-@imageBorderRadius: @borderRadius @borderRadius 0em 0em;
+@imagePadding: 0;
+@imageBorderRadius: @borderRadius @borderRadius 0 0;
 @imageBoxShadow: none;
 @imageBorder: none;
 
 /* Content */
-@contentMargin: 0em;
+@contentMargin: 0;
 @contentPadding: 0.75em 1em;
 @contentFontSize: 1em;
 @contentBorder: none;
-@contentBorderRadius: 0em;
+@contentBorderRadius: 0;
 @contentBoxShadow: none;
 
 /* Title */
-@titleMargin: 0em;
+@titleMargin: 0;
 @titleFont: @headerFont;
 @titleFontWeight: bold;
 @titleFontSize: 1.25em;
@@ -71,7 +71,7 @@
 /* Additional Content */
 @extraDisplay: absolute;
 @extraTop: 100%;
-@extraLeft: 0em;
+@extraLeft: 0;
 @extraWidth: 100%;
 
 @extraPadding: 0.5em 0.75em;
@@ -86,8 +86,8 @@
 @hoverZIndex: 5;
 @hoverBorder: none;
 @hoverBoxShadow:
-    0px 0px 0px 1px @selectedBorderColor,
-    0px 3px 0px 0px @selectedBorderColor
+    0 0 0 1px @selectedBorderColor,
+    0 3px 0 0 @selectedBorderColor
 ;
 
 /* -------------------

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

@@ -7,8 +7,8 @@
 -------------------- */
 
 /* Shadow */
-@shadowDistance: 0em;
-@padding: 0em;
+@shadowDistance: 0;
+@padding: 0;
 
 /* -------------------
        Content

package/src/themes/colored/modules/checkbox.overrides

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

package/src/themes/colored/modules/checkbox.variables

@@ -25,5 +25,5 @@
 /* Handle */
 @handleBackground: @white @subtleGradient;
 @handleBoxShadow:
-    0px 0px 0px 1px @selectedBorderColor inset
+    0 0 0 1px @selectedBorderColor inset
 ;