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

package/src/definitions/collections/grid.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'collection';
-@element : 'grid';
+@type: 'collection';
+@element: 'grid';
 
 @import (multiple) '../../theme.config';
 
@@ -141,7 +141,7 @@
     margin: (@rowSpacing / 2) (@gutterWidth / 2);
 }
 .ui.grid .column + .ui.vertical.divider {
-    height: e(%("calc(50%% - %d)", (@rowSpacing / 2)));
+    height: e(%('calc(50%% - %d)', (@rowSpacing / 2)));
 }
 
 /* Remove Border on Last Horizontal Segment */
@@ -1092,10 +1092,10 @@
         }
         .ui[class*="vertically divided"].grid > .row::before {
             position: absolute;
-            content: "";
+            content: '';
             top: 0;
             left: 0;
-            width: e(%("calc(100%% - %d)", @gutterWidth));
+            width: e(%('calc(100%% - %d)', @gutterWidth));
             height: 1px;
             margin: 0 (@gutterWidth / 2);
             box-shadow: @verticallyDividedBorder;
@@ -1136,13 +1136,13 @@
         .ui.relaxed[class*="vertically divided"].grid > .row::before {
             margin-left: (@relaxedGutterWidth / 2);
             margin-right: (@relaxedGutterWidth / 2);
-            width: e(%("calc(100%% - %d)", @relaxedGutterWidth));
+            width: e(%('calc(100%% - %d)', @relaxedGutterWidth));
         }
         & when (@variationGridVeryRelaxed) {
             .ui[class*="very relaxed"][class*="vertically divided"].grid > .row::before {
                 margin-left: (@veryRelaxedGutterWidth / 2);
                 margin-right: (@veryRelaxedGutterWidth / 2);
-                width: e(%("calc(100%% - %d)", @veryRelaxedGutterWidth));
+                width: e(%('calc(100%% - %d)', @veryRelaxedGutterWidth));
             }
         }
     }

package/src/definitions/collections/menu.less

@@ -13,8 +13,8 @@
             Theme
 *******************************/
 
-@type : 'collection';
-@element : 'menu';
+@type: 'collection';
+@element: 'menu';
 
 @import (multiple) '../../theme.config';
 
@@ -207,7 +207,7 @@
 
 /* Menu */
 .ui.menu .dropdown.item .menu {
-    min-width: e("calc(100% - 1px)");
+    min-width: e('calc(100% - 1px)');
     border-radius: 0 0 @dropdownMenuBorderRadius @dropdownMenuBorderRadius;
     background: @dropdownBackground;
     margin: @dropdownMenuDistance 0 0;
@@ -281,7 +281,7 @@
     /* Vertical */
     .ui.vertical.menu .dropdown.item > i.icon {
         float: right;
-        content: "\f0da";
+        content: '\f0da';
         margin-left: 1em;
     }
     .ui.vertical.menu .dropdown.item .menu {

package/src/definitions/collections/message.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'collection';
-@element : 'message';
+@type: 'collection';
+@element: 'message';
 
 @import (multiple) '../../theme.config';
 
@@ -289,52 +289,52 @@
 
     @consequences: {
         @positive: {
-            background     : @positiveBackgroundColor;
-            header         : @positiveHeaderColor;
-            boxShadow      : @positiveBoxShadow;
-            boxFloatShadow : @positiveBoxFloatingShadow;
-            text           : @positiveTextColor;
-            invertedText   : @positiveBorderColor;
+            background: @positiveBackgroundColor;
+            header: @positiveHeaderColor;
+            boxShadow: @positiveBoxShadow;
+            boxFloatShadow: @positiveBoxFloatingShadow;
+            text: @positiveTextColor;
+            invertedText: @positiveBorderColor;
         };
         @negative: {
-            background     : @negativeBackgroundColor;
-            header         : @negativeHeaderColor;
-            boxShadow      : @negativeBoxShadow;
-            boxFloatShadow : @negativeBoxFloatingShadow;
-            text           : @negativeTextColor;
-            invertedText   : @negativeBorderColor;
+            background: @negativeBackgroundColor;
+            header: @negativeHeaderColor;
+            boxShadow: @negativeBoxShadow;
+            boxFloatShadow: @negativeBoxFloatingShadow;
+            text: @negativeTextColor;
+            invertedText: @negativeBorderColor;
         };
         @info: {
-            background     : @infoBackgroundColor;
-            header         : @infoHeaderColor;
-            boxShadow      : @infoBoxShadow;
-            boxFloatShadow : @infoBoxFloatingShadow;
-            text           : @infoTextColor;
-            invertedText   : @formInfoLabelBackground;
+            background: @infoBackgroundColor;
+            header: @infoHeaderColor;
+            boxShadow: @infoBoxShadow;
+            boxFloatShadow: @infoBoxFloatingShadow;
+            text: @infoTextColor;
+            invertedText: @formInfoLabelBackground;
         };
         @warning: {
-            background     : @warningBackgroundColor;
-            header         : @warningHeaderColor;
-            boxShadow      : @warningBoxShadow;
-            boxFloatShadow : @warningBoxFloatingShadow;
-            text           : @warningTextColor;
-            invertedText   : @formWarningLabelBackground;
+            background: @warningBackgroundColor;
+            header: @warningHeaderColor;
+            boxShadow: @warningBoxShadow;
+            boxFloatShadow: @warningBoxFloatingShadow;
+            text: @warningTextColor;
+            invertedText: @formWarningLabelBackground;
         };
         @error: {
-            background     : @errorBackgroundColor;
-            header         : @errorHeaderColor;
-            boxShadow      : @errorBoxShadow;
-            boxFloatShadow : @errorBoxFloatingShadow;
-            text           : @errorTextColor;
-            invertedText   : @formErrorLabelBackground;
+            background: @errorBackgroundColor;
+            header: @errorHeaderColor;
+            boxShadow: @errorBoxShadow;
+            boxFloatShadow: @errorBoxFloatingShadow;
+            text: @errorTextColor;
+            invertedText: @formErrorLabelBackground;
         };
         @success: {
-            background     : @successBackgroundColor;
-            header         : @successHeaderColor;
-            boxShadow      : @successBoxShadow;
-            boxFloatShadow : @successBoxFloatingShadow;
-            text           : @successTextColor;
-            invertedText   : @formSuccessLabelBackground;
+            background: @successBackgroundColor;
+            header: @successHeaderColor;
+            boxShadow: @successBoxShadow;
+            boxFloatShadow: @successBoxFloatingShadow;
+            text: @successTextColor;
+            invertedText: @formSuccessLabelBackground;
         };
     }
 

package/src/definitions/collections/table.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'collection';
-@element : 'table';
+@type: 'collection';
+@element: 'table';
 
 @import (multiple) '../../theme.config';
 
@@ -485,7 +485,7 @@
                 scrollbar-arrow-color: @trackInvertedBackgroundHex;
             }
 
-            /* firefox : first color thumb, second track */
+            /* firefox: first color thumb, second track */
             scrollbar-color: @thumbInvertedBackground @trackInvertedBackground;
         }
     }

package/src/definitions/elements/button.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'button';
+@type: 'element';
+@element: 'button';
 
 @import (multiple) '../../theme.config';
 
@@ -259,7 +259,7 @@
             transition: top @animationDuration @animationEasing, transform @animationDuration @animationEasing;
         }
         .ui.vertical.animated.button .visible.content {
-            transform: translateY(0%);
+            transform: translateY(0);
             right: auto;
         }
         .ui.vertical.animated.button .hidden.content {
@@ -1725,13 +1725,13 @@
     each(@variationButtonConsequences, {
         @consequence: @value;
 
-        @_backgroundColor: "@{consequence}Color";
-        @_backgroundColorHover: "@{consequence}ColorHover";
-        @_backgroundColorFocus: "@{consequence}ColorFocus";
-        @_backgroundColorDown: "@{consequence}ColorDown";
-        @_backgroundColorActive: "@{consequence}ColorActive";
-        @_textColor: "@{consequence}TextColor";
-        @_textShadow: "@{consequence}TextShadow";
+        @_backgroundColor: '@{consequence}Color';
+        @_backgroundColorHover: '@{consequence}ColorHover';
+        @_backgroundColorFocus: '@{consequence}ColorFocus';
+        @_backgroundColorDown: '@{consequence}ColorDown';
+        @_backgroundColorActive: '@{consequence}ColorActive';
+        @_textColor: '@{consequence}TextColor';
+        @_textShadow: '@{consequence}TextShadow';
 
         /* Standard */
         .ui.@{consequence}.buttons .button,
@@ -1827,7 +1827,7 @@
 
     /* Clearfix */
     .ui.buttons::after {
-        content: ".";
+        content: '.';
         display: block;
         height: 0;
         clear: both;
@@ -1975,7 +1975,7 @@
             }
             & when (@variationButtonInverted) {
                 .ui.spaced.basic.inverted.buttons .basic.button {
-                    margin-bottom: e(%("calc(%d + %d)", @spacedMargin, @basicColoredBorderSize));
+                    margin-bottom: e(%('calc(%d + %d)', @spacedMargin, @basicColoredBorderSize));
                     margin-top: @basicColoredBorderSize;
                 }
             }

package/src/definitions/elements/container.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'container';
+@type: 'element';
+@element: 'container';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/divider.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'divider';
+@type: 'element';
+@element: 'divider';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/emoji.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'emoji';
+@type: 'element';
+@element: 'emoji';
 
 @import (multiple) '../../theme.config';
 
@@ -77,15 +77,15 @@ each(@size-map, {
     }
 });
 
-each(@emoji-map,{
+each(@emoji-map, {
     & when (@variationEmojiColons) {
         em[data-emoji=":@{value}:"]::before {
-            background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+            background-image: url('@{emojiPath}@{key}.@{emojiFileType}');
         }
         em[data-emoji="@{value}"]::before:extend(em[data-emoji=":@{value}:"]::before) when (@variationEmojiNoColons) {}
     }
     em[data-emoji="@{value}"]::before when (@variationEmojiNoColons) and not (@variationEmojiColons) {
-        background-image: url("@{emojiPath}@{key}.@{emojiFileType}");
+        background-image: url('@{emojiPath}@{key}.@{emojiFileType}');
     }
 });
 

package/src/definitions/elements/flag.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'flag';
+@type: 'element';
+@element: 'flag';
 
 @import (multiple) '../../theme.config';
 
@@ -48,27 +48,27 @@ each(@size-map, {
 
 // for simplicity, class and alias names have to be unique and different to countrycode otherwise false
 each(@flags, {
-    @unicode: replace(@key,'@','');
-    @cc: replace(@flags[@@unicode][countrycode],'_','.','g');
-    @cls: replace(@flags[@@unicode][class],'_','.','g');
-    @alias: replace(@flags[@@unicode][aliasClass],'_','.','g');
-    @alias2: replace(@flags[@@unicode][aliasClass2],'_','.','g');
+    @unicode: replace(@key, '@', '');
+    @cc: replace(@flags[@@unicode][countrycode], '_', '.', 'g');
+    @cls: replace(@flags[@@unicode][class], '_', '.', 'g');
+    @alias: replace(@flags[@@unicode][aliasClass], '_', '.', 'g');
+    @alias2: replace(@flags[@@unicode][aliasClass2], '_', '.', 'g');
     & when (@cls = false){
         i.flag.@{cc}::before {
-            background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+            background-image: url('@{flagPath}@{unicode}.@{flagFileType}');
         }
     }
     & when not (@cls = false) and (@alias = false) {
         i.flag.@{cc}::before,
         i.flag.@{cls}::before {
-            background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+            background-image: url('@{flagPath}@{unicode}.@{flagFileType}');
         }
     }
     & when not (@cls = false) and not (@alias = false) and (@alias2 = false) {
         i.flag.@{cc}::before,
         i.flag.@{cls}::before,
         i.flag.@{alias}::before {
-            background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+            background-image: url('@{flagPath}@{unicode}.@{flagFileType}');
         }
     }
     & when not (@alias2 = false) {
@@ -76,7 +76,7 @@ each(@flags, {
         i.flag.@{cls}::before,
         i.flag.@{alias}::before,
         i.flag.@{alias2}::before {
-            background-image: url("@{flagPath}@{unicode}.@{flagFileType}");
+            background-image: url('@{flagPath}@{unicode}.@{flagFileType}');
         }
     }
 });

package/src/definitions/elements/header.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'header';
+@type: 'element';
+@element: 'header';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/icon.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'icon';
+@type: 'element';
+@element: 'icon';
 
 @import (multiple) '../../theme.config';
 
@@ -23,7 +23,7 @@
 & when (@importIcons) {
     each(@fonts, {
         @font-face {
-            each(@value,{
+            each(@value, {
                 @{key}: @value;
             });
         }
@@ -514,11 +514,11 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
 }
 
 .generateIcons(@map, @fontFamily) {
-    each(@map,{
-        @escapedKey: replace(@key,'^([0-9])','\3$1 ');
-        @normalizedKey: replace(@escapedKey,'_','.','g');
+    each(@map, {
+        @escapedKey: replace(@key, '^([0-9])', '\3$1 ');
+        @normalizedKey: replace(@escapedKey, '_', '.', 'g');
         i.icon.@{normalizedKey}::before {
-            content: "@{value}";
+            content: '@{value}';
             & when not (@fontFamily = false) {
                 font-family: @fontFamily;
             }
@@ -527,18 +527,18 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
 };
 
 .generateSecondaryIcons(@map) {
-    each(@map,{
-        @escapedKey: replace(@key,'^([0-9])','\3$1 ');
-        @normalizedKey: replace(@escapedKey,'_','.','g');
+    each(@map, {
+        @escapedKey: replace(@key, '^([0-9])', '\3$1 ');
+        @normalizedKey: replace(@escapedKey, '_', '.', 'g');
         i.icon.@{normalizedKey}::after {
-            content: "@{value}";
+            content: '@{value}';
         }
     });
 };
 
 & when (@variationIconDeprecated) {
     /* Deprecated *In/Out Naming Conflict) */
-    .generateIcons(@icon-deprecated-map,false);
+    .generateIcons(@icon-deprecated-map, false);
 }
 
 & when (@variationIconSolid) {
@@ -547,10 +547,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
     *******************************/
 
     /* Icons */
-    .generateIcons(@icon-map,false);
+    .generateIcons(@icon-map, false);
     & when (@variationIconAliases) {
         /* Aliases */
-        .generateIcons(@icon-aliases-map,false);
+        .generateIcons(@icon-aliases-map, false);
     }
 }
 
@@ -564,10 +564,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
     }
 
     /* Icons */
-    .generateIcons(@icon-outline-map,false);
+    .generateIcons(@icon-outline-map, false);
     & when (@variationIconAliases) {
         /* Aliases */
-        .generateIcons(@icon-outline-aliases-map,false);
+        .generateIcons(@icon-outline-aliases-map, false);
     }
 }
 
@@ -580,10 +580,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
     i.icon.thin {
         font-family: @thinFontName;
     }
-    .generateIcons(@icon-thin-map,false);
+    .generateIcons(@icon-thin-map, false);
     & when (@variationIconAliases) {
         /* Aliases */
-        .generateIcons(@icon-thin-aliases-map,false);
+        .generateIcons(@icon-thin-aliases-map, false);
     }
 }
 
@@ -593,10 +593,10 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
     *******************************/
 
     /* Icons */
-    .generateIcons(@icon-brand-map,@brandFontName);
+    .generateIcons(@icon-brand-map, @brandFontName);
     & when (@variationIconAliases) {
         /* Aliases */
-        .generateIcons(@icon-brand-aliases-map,@brandFontName);
+        .generateIcons(@icon-brand-aliases-map, @brandFontName);
     }
 }
 
@@ -630,12 +630,12 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
         opacity: @duotoneSecondaryOpacity;
     }
 
-    .generateIcons(@icon-duotone-map,false);
+    .generateIcons(@icon-duotone-map, false);
     .generateSecondaryIcons(@icon-duotone-secondary-map);
 
     & when (@variationIconAliases) {
         /* Aliases */
-        .generateIcons(@icon-duotone-aliases-map,false);
+        .generateIcons(@icon-duotone-aliases-map, false);
         .generateSecondaryIcons(@icon-duotone-secondary-aliases-map);
     }
 

package/src/definitions/elements/image.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'image';
+@type: 'element';
+@element: 'image';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/input.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'input';
+@type: 'element';
+@element: 'input';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/label.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'label';
+@type: 'element';
+@element: 'label';
 
 @import (multiple) '../../theme.config';
 
@@ -308,7 +308,7 @@ a.ui.label {
     }
     .ui.corner.label::after {
         position: absolute;
-        content: "";
+        content: '';
         right: 0;
         top: 0;
         z-index: -1;
@@ -799,7 +799,7 @@ a.ui.active.label:hover::before {
                         border-width: @invertedBorderSize 0 0 @invertedBorderSize;
                         border-style: inherit;
                         background-color: @invertedBackground;
-                        right: e(%("calc(100%% + %d)", @invertedBorderSize));
+                        right: e(%('calc(100%% + %d)', @invertedBorderSize));
                     }
                 }
             }

package/src/definitions/elements/list.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'list';
+@type: 'element';
+@element: 'list';
 
 @import (multiple) '../../theme.config';
 
@@ -169,7 +169,7 @@ ol.ui.list ol li,
 & when (@variationListIcon) {
     .ui.list .list > .item > i.loading.icon + .content,
     .ui.list > .item > i.loading.icon + .content {
-        padding-left: e(%("calc(%d + %d)", @iconDistance, @contentDistance));
+        padding-left: e(%('calc(%d + %d)', @iconDistance, @contentDistance));
     }
 }
 & when (@variationListImage) {

package/src/definitions/elements/loader.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'loader';
+@type: 'element';
+@element: 'loader';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/placeholder.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'placeholder';
+@type: 'element';
+@element: 'placeholder';
 
 @import (multiple) '../../theme.config';
 

package/src/definitions/elements/rail.less

@@ -12,8 +12,8 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'rail';
+@type: 'element';
+@element: 'rail';
 
 @import (multiple) '../../theme.config';