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

package/src/definitions/elements/divider.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'divider';
+@type: "element";
+@element: "divider";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Divider
@@ -68,7 +68,7 @@
 
     .ui.horizontal.divider::before,
     .ui.horizontal.divider::after {
-        content: '';
+        content: "";
         display: table-cell;
         position: relative;
         top: 50%;
@@ -107,7 +107,7 @@
     .ui.vertical.divider::after {
         position: absolute;
         left: 50%;
-        content: '';
+        content: "";
         z-index: 3;
         border-left: @shadowWidth @borderStyle @shadowColor;
         border-right: @highlightWidth @borderStyle @highlightColor;
@@ -125,7 +125,6 @@
 
     /* Inside grid */
     @media only screen and (max-width: @largestMobileScreen) {
-
         .ui.stackable.grid .ui.vertical.divider,
         .ui.grid .stackable.row .ui.vertical.divider {
             display: table;
@@ -148,7 +147,7 @@
             left: 0;
             border-left: none;
             border-right: none;
-            content: '';
+            content: "";
             display: table-cell;
             position: relative;
             top: 50%;
@@ -283,7 +282,7 @@
         .ui.@{value}.divider {
             font-size: @s;
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/elements/emoji.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'emoji';
+@type: "element";
+@element: "emoji";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Emoji
@@ -28,12 +28,12 @@ em[data-emoji] {
 }
 
 em[data-emoji]::before {
-    content: '\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
+    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
     display: inline-block;
     line-height: @emojiLineHeight;
     background-repeat: no-repeat;
     background-position: center center;
-    & when not (@emojiFileType = 'svg') {
+    & when not (@emojiFileType = "svg") {
         background-size: contain;
     }
 }
@@ -77,7 +77,7 @@ each(@size-map, {
     }
 });
 
-each(@emoji-map,{
+each(@emoji-map, {
     & when (@variationEmojiColons) {
         em[data-emoji=":@{value}:"]::before {
             background-image: url("@{emojiPath}@{key}.@{emojiFileType}");

package/src/definitions/elements/flag.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'flag';
+@type: "element";
+@element: "flag";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Flag
@@ -27,12 +27,12 @@ i.flag:not(.icon) {
 }
 
 i.flag:not(.icon)::before {
-    content: '\00A0\00A0\00A0\00A0\00A0\00A0\00A0';
+    content: "\00A0\00A0\00A0\00A0\00A0\00A0\00A0";
     display: inline-block;
     line-height: @flagLineHeight;
     background-repeat: no-repeat;
     background-position: center center;
-    & when not (@flagFileType = 'svg') {
+    & when not (@flagFileType = "svg") {
         background-size: contain;
     }
 }
@@ -48,11 +48,11 @@ 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}");

package/src/definitions/elements/header.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'header';
+@type: "element";
+@element: "header";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Header
@@ -152,7 +152,7 @@
                 font-size: @@sf;
             }
         }
-    })
+    });
 }
 
 /* --------------
@@ -178,7 +178,7 @@
                 font-size: @@shf;
             }
         }
-    })
+    });
 }
 
 & when (@variationHeaderSub) {
@@ -207,7 +207,7 @@
         margin: @iconHeaderTopMargin 0 @iconHeaderBottomMargin;
     }
     .ui.icon.header::after {
-        content: '';
+        content: "";
         display: block;
         height: 0;
         clear: both;
@@ -332,7 +332,7 @@
                 border-bottom: @dividedColoredBorderWidth solid @l;
             }
         }
-    })
+    });
 }
 
 & when (@variationHeaderAligned) {
@@ -358,7 +358,7 @@
     }
     .ui.justified.header::after {
         display: inline-block;
-        content: '';
+        content: "";
         width: 100%;
     }
 }
@@ -436,8 +436,8 @@
             .ui.@{value}.block.header {
                 font-size: @@s;
             }
-        })
-  }
+        });
+    }
 }
 
 & when (@variationHeaderAttached) {
@@ -478,8 +478,8 @@
             .ui.@{value}.attached.header {
                 font-size: @@s;
             }
-        })
-  }
+        });
+    }
 }
 
 /* -------------------

package/src/definitions/elements/icon.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'icon';
+@type: "element";
+@element: "icon";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Icon
@@ -23,11 +23,11 @@
 & when (@importIcons) {
     each(@fonts, {
         @font-face {
-            each(@value,{
+            each(@value, {
                 @{key}: @value;
             });
         }
-    })
+    });
 }
 
 i.icon {
@@ -339,7 +339,7 @@ i.emphasized.icons:not(.disabled) {
                 }
             }
         }
-    })
+    });
 }
 
 /* -------------------
@@ -360,7 +360,7 @@ i.icons {
             font-size: @s;
             vertical-align: middle;
         }
-    })
+    });
 }
 
 & when (@variationIconGroups) or (@variationIconCorner) {
@@ -514,9 +514,9 @@ 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}";
             & when not (@fontFamily = false) {
@@ -527,9 +527,9 @@ 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}";
         }
@@ -538,7 +538,7 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
 
 & 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);
     }
 
@@ -659,8 +659,8 @@ and ((@variationIconBordered) or (@variationIconCircular)) {
                     color: @l;
                 }
             }
-        })
-  }
+        });
+    }
 }
 
 .loadUIOverrides();

package/src/definitions/elements/image.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'image';
+@type: "element";
+@element: "image";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Image
@@ -291,7 +291,7 @@ img.ui.image {
             height: auto;
             font-size: @s;
         }
-    })
+    });
 }
 
 & when (@variationImageGroups) {

package/src/definitions/elements/input.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'input';
+@type: "element";
+@element: "input";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
            Standard
@@ -113,7 +113,7 @@
 
     .ui.loading.loading.input > i.icon::before {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: 50%;
         margin: @loaderMargin;
@@ -124,7 +124,7 @@
     }
     .ui.loading.loading.input > i.icon::after {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: 50%;
         margin: @loaderMargin;
@@ -212,7 +212,7 @@
         .ui.input.@{state} > input:focus:-ms-input-placeholder when (@supportIE){
             color: @formStates[@@state][inputPlaceholderFocusColor] !important;
         }
-    })
+    });
 }
 
 /*******************************
@@ -476,7 +476,7 @@
         .ui.icon.input:not([class*="left icon"]) > .ui.dropdown > .dropdown.icon {
             padding-right: initial;
         }
-        .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown~input)) > .ui.dropdown > .dropdown.icon {
+        .ui.icon.input:not([class*="left icon"]):not(:has(.ui.dropdown ~ input)) > .ui.dropdown > .dropdown.icon {
             padding-right: @labeledMargin;
         }
     }
@@ -505,7 +505,7 @@
     }
 }
 & when (@variationInputCorner) {
-    /* Corner Label Position  */
+    /* Corner Label Position */
     .ui.input > .ui.corner.label {
         top: @borderWidth;
         right: @borderWidth;
@@ -545,7 +545,7 @@
         .ui.right.labeled.input.@{state}:not([class*="corner labeled"]) > .ui.label:first-child {
             border-left: @borderWidth solid @borderColor;
         }
-    })
+    });
 }
 
 & when (@variationInputAction) {
@@ -750,8 +750,8 @@
                     background-color: @lh;
                 }
             }
-        })
-  }
+        });
+    }
 
     & when not (@variationInputColors = false) {
         each(@variationInputColors, {
@@ -785,8 +785,8 @@
                     background: @h;
                 }
             }
-        })
-  }
+        });
+    }
 }
 
 /* --------------------
@@ -802,7 +802,7 @@
         .ui.@{value}.input {
             font-size: @@s;
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/elements/label.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'label';
+@type: "element";
+@element: "label";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Label
@@ -247,7 +247,7 @@ a.ui.label {
         transform: translateY(-50%) translateX(50%) rotate(-45deg);
         top: @tagTriangleTopOffset;
         right: @tagTriangleRightOffset;
-        content: '';
+        content: "";
         background-color: inherit;
         background-image: @tagTriangleBackgroundImage;
         width: @tagTriangleSize;
@@ -258,7 +258,7 @@ a.ui.label {
     .ui.tag.labels .label::after,
     .ui.tag.label::after {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: -(@tagCircleSize / 2);
         margin-top: -(@tagCircleSize / 2);
@@ -377,7 +377,7 @@ a.ui.label {
 
     .ui.ribbon.label::after {
         position: absolute;
-        content: '';
+        content: "";
         top: 100%;
         left: 0;
         background-color: transparent;
@@ -804,7 +804,7 @@ a.ui.active.label:hover::before {
                 }
             }
         }
-    })
+    });
 }
 
 /* -------------------
@@ -868,7 +868,7 @@ a.ui.active.label:hover::before {
     /* Arrow */
     .ui.pointing.label::before {
         position: absolute;
-        content: '';
+        content: "";
         transform: rotate(45deg);
         background-image: none;
         z-index: @pointingTriangleZIndex;
@@ -1009,7 +1009,7 @@ a.ui.active.label:hover::before {
         .ui.@{value}.label {
             font-size: @s;
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/elements/list.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'list';
+@type: "element";
+@element: "list";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             List
@@ -64,7 +64,7 @@ ul.ui.list > li:first-child::after,
 ol.ui.list > li:first-child::after,
 .ui.list > .list > .item::after,
 .ui.list > .item::after {
-    content: '';
+    content: "";
     display: block;
     height: 0;
     clear: both;
@@ -1020,7 +1020,7 @@ ol.ui.list ol li,
                 font-size: @s;
             }
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/elements/loader.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'element';
-@element : 'loader';
+@type: "element";
+@element: "loader";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Loader
@@ -36,7 +36,7 @@
 /* Static Shape */
 .ui.loader::before {
     position: absolute;
-    content: '';
+    content: "";
     top: 0;
     left: 50%;
     width: 100%;
@@ -48,7 +48,7 @@
 /* Active Shape */
 .ui.loader::after {
     position: absolute;
-    content: '';
+    content: "";
     top: 0;
     left: 50%;
     width: 100%;
@@ -192,7 +192,7 @@
                 padding-top: (@s + @textDistance);
             }
         }
-    })
+    });
 }
 
 /* -------------------
@@ -226,7 +226,7 @@
         .ui.inverted.@{color}.loader.loader.loader::after {
             color: @l;
         }
-    })
+    });
 }
 
 .ui.elastic.loader.loader::before,
@@ -368,7 +368,7 @@
         0%,
         1% {
             border-left-color: transparent;
-            border-bottom-color: transparent
+            border-bottom-color: transparent;
         }
         1.1%,
         50% {
@@ -396,7 +396,7 @@
         0%,
         1% {
             border-left-color: transparent;
-            border-bottom-color: transparent
+            border-bottom-color: transparent;
         }
         1.1%,
         50% {