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

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
 ;

package/src/themes/default/collections/grid.variables

@@ -19,7 +19,7 @@
 @gutterWidth: 2rem;
 @rowSpacing: 2rem;
 
-@tableWidth: e(%("calc(100%% + %d)", @gutterWidth));
+@tableWidth: e(%('calc(100%% + %d)', @gutterWidth));
 @columnMaxImageWidth: 100%;
 
 @consecutiveGridDistance: (@rowSpacing / 2);

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

@@ -321,7 +321,7 @@
 @tabularVerticalBackground: none @tabularBackgroundColor;
 
 @tabularFluidOffset: 1px;
-@tabularFluidWidth: e(%("calc(100%% + %d)", @tabularFluidOffset * 2));
+@tabularFluidWidth: e(%('calc(100%% + %d)', @tabularFluidOffset * 2));
 
 @tabularActiveBackground: none @white;
 @tabularActiveColor: @selectedTextColor;
@@ -426,7 +426,7 @@
 @attachedTopOffset: 0;
 @attachedBottomOffset: 0;
 @attachedHorizontalOffset: -@borderWidth;
-@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2));
+@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2));
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:

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

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

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

@@ -164,7 +164,7 @@
 @attachedTopOffset: 0;
 @attachedBottomOffset: 0;
 @attachedHorizontalOffset: -@borderWidth;
-@attachedWidth: e(%("calc(100%% + %d)", -@attachedHorizontalOffset * 2));
+@attachedWidth: e(%('calc(100%% + %d)', -@attachedHorizontalOffset * 2));
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:

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

@@ -37,19 +37,19 @@
 @veryRelaxedGridGutterWidth: 5rem;
 
 @mobileGridWidth: @mobileWidth;
-@tabletGridWidth: e(%("calc(%d + %d)", @tabletWidth, @gridGutterWidth));
-@computerGridWidth: e(%("calc(%d + %d)", @computerWidth, @gridGutterWidth));
-@largeMonitorGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @gridGutterWidth));
+@tabletGridWidth: e(%('calc(%d + %d)', @tabletWidth, @gridGutterWidth));
+@computerGridWidth: e(%('calc(%d + %d)', @computerWidth, @gridGutterWidth));
+@largeMonitorGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @gridGutterWidth));
 
 @mobileRelaxedGridWidth: @mobileWidth;
-@tabletRelaxedGridWidth: e(%("calc(%d + %d)", @tabletWidth, @relaxedGridGutterWidth));
-@computerRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @relaxedGridGutterWidth));
-@largeMonitorRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @relaxedGridGutterWidth));
+@tabletRelaxedGridWidth: e(%('calc(%d + %d)', @tabletWidth, @relaxedGridGutterWidth));
+@computerRelaxedGridWidth: e(%('calc(%d + %d)', @computerWidth, @relaxedGridGutterWidth));
+@largeMonitorRelaxedGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @relaxedGridGutterWidth));
 
 @mobileVeryRelaxedGridWidth: @mobileWidth;
-@tabletVeryRelaxedGridWidth: e(%("calc(%d + %d)", @tabletWidth, @veryRelaxedGridGutterWidth));
-@computerVeryRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @veryRelaxedGridGutterWidth));
-@largeMonitorVeryRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @veryRelaxedGridGutterWidth));
+@tabletVeryRelaxedGridWidth: e(%('calc(%d + %d)', @tabletWidth, @veryRelaxedGridGutterWidth));
+@computerVeryRelaxedGridWidth: e(%('calc(%d + %d)', @computerWidth, @veryRelaxedGridGutterWidth));
+@largeMonitorVeryRelaxedGridWidth: e(%('calc(%d + %d)', @largeMonitorWidth, @veryRelaxedGridGutterWidth));
 
 /* -------------------
        Types

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

@@ -36,10 +36,10 @@
 /* Horizontal / Vertical */
 @horizontalMargin: '';
 @horizontalDividerMargin: 1em;
-@horizontalRulerOffset: e(%("calc(-50%% - %d)", @horizontalDividerMargin));
+@horizontalRulerOffset: e(%('calc(-50%% - %d)', @horizontalDividerMargin));
 
 @verticalDividerMargin: 1rem;
-@verticalDividerHeight: e(%("calc(100%% - %d)", @verticalDividerMargin));
+@verticalDividerHeight: e(%('calc(100%% - %d)', @verticalDividerMargin));
 
 /* Inverted */
 @invertedTextColor: @white;

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

@@ -10,8 +10,8 @@
 /* --------------
     Path
 --------------- */
-@emojiPath: "https://twemoji.maxcdn.com/v/latest/svg/";
-@emojiFileType: "svg";
+@emojiPath: 'https://twemoji.maxcdn.com/v/latest/svg/';
+@emojiFileType: 'svg';
 
 /* --------------
    Definition

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

@@ -5,8 +5,8 @@
 /* --------------
     Path
 --------------- */
-@flagPath: "https://twemoji.maxcdn.com/v/latest/svg/";
-@flagFileType: "svg";
+@flagPath: 'https://twemoji.maxcdn.com/v/latest/svg/';
+@flagFileType: 'svg';
 
 /* -------------------
        Element

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

@@ -74,13 +74,13 @@
 
 /* Sizing */
 @massiveFontSize: unit((32 / 14), em);
-@hugeFontSize : unit(@h1, em);
-@bigFontSize : unit((26 / 14), em);
-@largeFontSize : unit(@h2, em);
-@mediumFontSize : unit(@h3, em);
-@smallFontSize : unit(@h4, em);
-@tinyFontSize : unit(@h5, em);
-@miniFontSize : unit(@h6, em);
+@hugeFontSize: unit(@h1, em);
+@bigFontSize: unit((26 / 14), em);
+@largeFontSize: unit(@h2, em);
+@mediumFontSize: unit(@h3, em);
+@smallFontSize: unit(@h4, em);
+@tinyFontSize: unit(@h5, em);
+@miniFontSize: unit(@h6, em);
 
 /* Sub Header */
 @h1SubHeaderFontSize: @large;
@@ -90,14 +90,14 @@
 @h5SubHeaderFontSize: @small;
 @h6SubHeaderFontSize: @small;
 
-@massiveSubHeaderFontSize : @huge;
-@hugeSubHeaderFontSize : @h1SubHeaderFontSize;
-@bigSubHeaderFontSize : @h1SubHeaderFontSize;
-@largeSubHeaderFontSize : @h2SubHeaderFontSize;
-@subHeaderFontSize : @h3SubHeaderFontSize;
-@smallSubHeaderFontSize : @h4SubHeaderFontSize;
-@tinySubHeaderFontSize : @h5SubHeaderFontSize;
-@miniSubHeaderFontSize : @h6SubHeaderFontSize;
+@massiveSubHeaderFontSize: @huge;
+@hugeSubHeaderFontSize: @h1SubHeaderFontSize;
+@bigSubHeaderFontSize: @h1SubHeaderFontSize;
+@largeSubHeaderFontSize: @h2SubHeaderFontSize;
+@subHeaderFontSize: @h3SubHeaderFontSize;
+@smallSubHeaderFontSize: @h4SubHeaderFontSize;
+@tinySubHeaderFontSize: @h5SubHeaderFontSize;
+@miniSubHeaderFontSize: @h6SubHeaderFontSize;
 
 /* Icon Header */
 @iconHeaderSize: 3em;