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

package/src/definitions/modules/transition.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'transition';
+@type: "module";
+@element: "transition";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
           Transitions
@@ -109,8 +109,8 @@
                     box-shadow: 0 0 0 0 fade(@l, @pulsatingInvertedOpacity);
                 }
             }
-        })
-  }
+        });
+    }
 }
 
 .loadUIOverrides();

package/src/definitions/views/ad.less

@@ -13,10 +13,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'ad';
+@type: "view";
+@element: "ad";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
          Advertisement

package/src/definitions/views/card.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'card';
+@type: "view";
+@element: "card";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Standard
@@ -78,7 +78,7 @@
 .ui.cards::after,
 .ui.card::after {
     display: block;
-    content: ' ';
+    content: " ";
     height: 0;
     clear: both;
     overflow: hidden;
@@ -156,7 +156,7 @@
 .ui.cards > .card > .content::after,
 .ui.card > .content::after {
     display: block;
-    content: ' ';
+    content: " ";
     height: 0;
     clear: both;
     overflow: hidden;
@@ -493,7 +493,7 @@
     }
     .ui.loading.card::before {
         position: absolute;
-        content: '';
+        content: "";
         top: 0;
         left: 0;
         background: @loaderDimmerColor;
@@ -504,7 +504,7 @@
     }
     .ui.loading.card::after {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: 50%;
         margin: @loaderMargin;
@@ -680,9 +680,9 @@
         .ui.cards > .@{color}.card,
         .ui.@{color}.card {
             box-shadow:
-            @borderShadow,
-            0 @coloredShadowDistance 0 0 @c,
-            @shadowBoxShadow
+                @borderShadow,
+                0 @coloredShadowDistance 0 0 @c,
+                @shadowBoxShadow
             ;
         }
         & when (@variationCardLink) {
@@ -693,9 +693,9 @@
             a.ui.@{color}.card:hover,
             .ui.link.@{color}.card:hover {
                 box-shadow:
-                @borderShadow,
-                0 @coloredShadowDistance 0 0 @h,
-                @shadowHoverBoxShadow
+                    @borderShadow,
+                    0 @coloredShadowDistance 0 0 @h,
+                    @shadowHoverBoxShadow
                 ;
             }
         }
@@ -705,7 +705,7 @@
             .ui.basic.cards > .@{color}.card,
             .ui.basic.@{color}.card {
                 background: @l;
-                &  when (@isVeryDark) {
+                & when (@isVeryDark) {
                     & .header,
                     .content,
                     .meta,
@@ -732,9 +732,9 @@
             .ui.inverted.cards > .@{color}.card,
             .ui.inverted.@{color}.card {
                 box-shadow:
-                0 @shadowDistance 3px 0 @solidWhiteBorderColor,
-                0 @coloredShadowDistance 0 0 @l,
-                0 0 0 @borderWidth @solidWhiteBorderColor
+                    0 @shadowDistance 3px 0 @solidWhiteBorderColor,
+                    0 @coloredShadowDistance 0 0 @l,
+                    0 0 0 @borderWidth @solidWhiteBorderColor
                 ;
             }
             & when (@variationCardLink) {
@@ -745,9 +745,9 @@
                 a.ui.inverted.@{color}.card:hover,
                 .ui.link.inverted.@{color}.card:hover {
                     box-shadow:
-                    0 @shadowDistance 3px 0 @solidWhiteBorderColor,
-                    0 @coloredShadowDistance 0 0 @lh,
-                    0 0 0 @borderWidth @solidWhiteBorderColor
+                        0 @shadowDistance 3px 0 @solidWhiteBorderColor,
+                        0 @coloredShadowDistance 0 0 @lh,
+                        0 0 0 @borderWidth @solidWhiteBorderColor
                     ;
                 }
             }
@@ -772,7 +772,7 @@
                 }
             }
         }
-    })
+    });
 }
 
 & when (@variationCardEqualWidth) {
@@ -1093,7 +1093,7 @@
         .ui.@{value}.cards .card {
             font-size: @s;
         }
-    })
+    });
 }
 
 & when (@variationCardInverted) {

package/src/definitions/views/comment.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'comment';
+@type: "view";
+@element: "comment";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Standard
@@ -255,10 +255,10 @@
 & when not (@variationCommentSizes = false) {
     each(@variationCommentSizes, {
         @s: @@value;
-        .ui.@{value}.comments  {
+        .ui.@{value}.comments {
             font-size: @s;
         }
-    })
+    });
 }
 
 & when (@variationCommentInverted) {

package/src/definitions/views/feed.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'feed';
+@type: "view";
+@element: "feed";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
          Activity Feed
@@ -281,10 +281,10 @@
 & when not (@variationFeedSizes = false) {
     each(@variationFeedSizes, {
         @s: @@value;
-        .ui.@{value}.feed  {
+        .ui.@{value}.feed {
             font-size: @s;
         }
-    })
+    });
 }
 
 & when (@variationFeedInverted) {

package/src/definitions/views/item.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'item';
+@type: "view";
+@element: "item";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Standard
@@ -63,7 +63,7 @@
 
 .ui.items > .item::after {
     display: block;
-    content: ' ';
+    content: " ";
     height: 0;
     clear: both;
     overflow: hidden;
@@ -122,7 +122,7 @@
 }
 .ui.items > .item > .content::after {
     display: block;
-    content: ' ';
+    content: " ";
     height: 0;
     clear: both;
     overflow: hidden;
@@ -337,7 +337,7 @@
 
     .ui.items > .item .extra::after {
         display: block;
-        content: ' ';
+        content: " ";
         height: 0;
         clear: both;
         overflow: hidden;
@@ -488,10 +488,10 @@
 & when not (@variationItemSizes = false) {
     each(@variationItemSizes, {
         @s: @{value}ItemSize;
-        .ui.@{value}.items > .item  {
+        .ui.@{value}.items > .item {
             font-size: @@s;
         }
-    })
+    });
 }
 
 & when (@variationItemUnstackable) {

package/src/definitions/views/statistic.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'view';
-@element : 'statistic';
+@type: "view";
+@element: "statistic";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
            Statistic
@@ -65,7 +65,7 @@
 /* Clearing */
 .ui.statistics::after {
     display: block;
-    content: ' ';
+    content: " ";
     height: 0;
     clear: both;
     overflow: hidden;
@@ -337,7 +337,7 @@
                 color: @l;
             }
         }
-    })
+    });
 }
 
 & when (@variationStatisticFloated) {
@@ -411,7 +411,7 @@
         .ui.@{value}.statistic > .text.value {
             font-size: @@ts;
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/semantic.less

@@ -10,6 +10,8 @@
   Import this file into your LESS project to use Fomantic-UI without build tools
 */
 
+// stylelint-disable no-invalid-position-at-import-rule
+
 /* Global */
 & { @import "definitions/globals/reset"; }
 & { @import "definitions/globals/site"; }

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

@@ -19,7 +19,7 @@
 @import (optional) "@{themesFolder}/@{site}/globals/site.variables";
 
 /* Component's site.variables */
-& when not (@theme = 'default') {
+& when not (@theme = "default") {
     @import (optional) "@{themesFolder}/@{theme}/globals/site.variables";
 }
 
@@ -59,17 +59,17 @@
 
 .loadFonts() {
     & when (@importGoogleFonts) {
-        @import (css) url('@{googleProtocol}fonts.googleapis.com/css2?family=@{googleFontRequest}');
+        @import (css) url("@{googleProtocol}fonts.googleapis.com/css2?family=@{googleFontRequest}");
     }
-    & when (@importFonts) and not (@fontName = '') {
+    & when (@importFonts) and not (@fontName = "") {
         each(@fonts, {
             @font-face {
-                each(@value,{
+                each(@value, {
                     @{key}: @value;
                 });
             }
-        })
-  }
+        });
+    }
 }
 
 /* ------------------
@@ -77,7 +77,7 @@
 ------------------- */
 
 .loadUIOverrides() {
-    & when not (@theme = 'default') {
+    & when not (@theme = "default") {
         @import (optional) "@{themesFolder}/default/@{type}s/@{element}.overrides";
     }
     @import (optional) "@{themesFolder}/@{theme}/@{type}s/@{element}.overrides";

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

@@ -5,7 +5,7 @@
 /* Button Variables */
 @pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
 @textTransform: none;
-@textColor: #111111;
+@textColor: #111;
 @fontWeight: normal;
 @transition:
     opacity @defaultDuration @defaultEasing,
@@ -14,35 +14,35 @@
     background @defaultDuration @defaultEasing
 ;
 
-@hoverBackgroundColor: #E0E0E0;
+@hoverBackgroundColor: #e0e0e0;
 
 @borderRadius: 3px;
 @verticalPadding: 0.8em;
 @horizontalPadding: 1.75em;
 
-@backgroundColor: #F7F8FA;
+@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 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
+    0 1px 0 0 rgba(255, 255, 255, 0.2) inset
 ;
 
 @downBoxShadow:
-    0 0 0 1px #ADB2BB inset,
+    0 0 0 1px #adb2bb inset,
     0 1px 3px rgba(0, 0, 0, 0.2) inset
 ;
 
-@labeledIconBackgroundColor: #313A43;
-@labeledIconColor: #FFFFFF;
+@labeledIconBackgroundColor: #313a43;
+@labeledIconColor: #fff;
 @labeledIconBorder: transparent;
 
-@black: #444C55;
-@orange: #F4CC67;
+@black: #444c55;
+@orange: #f4cc67;
 
 @coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
 @primaryColor: @orange;

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;
@@ -17,17 +17,17 @@
 
 @disabledOpacity: 0.3;
 
-@black: #444C55;
-@orange: #FDE07B;
+@black: #444c55;
+@orange: #fde07b;
 
-@linkColor: #0066C0;
-@linkHoverColor: #C45500;
+@linkColor: #0066c0;
+@linkHoverColor: #c45500;
 @linkHoverUnderline: underline;
 
 @borderColor: rgba(0, 0, 0, 0.13);
-@solidBorderColor: #DDDDDD;
+@solidBorderColor: #ddd;
 @internalBorderColor: rgba(0, 0, 0, 0.06);
-@selectedBorderColor: #51A7E8;
+@selectedBorderColor: #51a7e8;
 
 /* Breakpoints */
 @largeMonitorBreakpoint: 1049px;
@@ -35,9 +35,9 @@
 @tabletBreakpoint: @largeMonitorBreakpoint;
 
 /* Colors */
-@blue: #80A6CD;
-@green: #60B044;
-@orange: #D26911;
+@blue: #80a6cd;
+@green: #60b044;
+@orange: #d26911;
 
-@infoBackgroundColor: #E6F1F6;
-@infoTextColor: #4E575B;
+@infoBackgroundColor: #e6f1f6;
+@infoTextColor: #4e575b;

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

@@ -5,31 +5,31 @@
 /* Button Variables */
 @textTransform: none;
 @fontWeight: @normal;
-@textColor: #333333;
+@textColor: #333;
 
-@primaryColor: #333333;
+@primaryColor: #333;
 
 @borderRadius: 0.25em;
 
-@backgroundColor: #EEEEEE;
+@backgroundColor: #eee;
 @backgroundImage: none;
 @boxShadow: none;
 
-@hoverBackgroundColor: #DDDDDD;
+@hoverBackgroundColor: #ddd;
 @hoverBackgroundImage: none;
 @hoverBoxShadow: none;
 
-@downBackgroundColor: #D0D0D0;
+@downBackgroundColor: #d0d0d0;
 @downBackgroundImage: none;
 @downBoxShadow: none;
 
-@activeBackgroundColor: #CCCCCC;
+@activeBackgroundColor: #ccc;
 @activeBackgroundImage: none;
 @activeBoxShadow: none;
 
 @verticalBoxShadow: none;
 
-@loadingBackgroundColor: #F0F0F0;
+@loadingBackgroundColor: #f0f0f0;
 
 @labeledIconLeftShadow: none;
 @labeledIconRightShadow: none;