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

package/src/definitions/modules/flyout.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'flyout';
+@type: "module";
+@element: "flyout";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Flyout
@@ -279,7 +279,7 @@ body.pushable > .pusher {
     position: fixed;
     top: 0;
     right: 0;
-    content: '';
+    content: "";
     background: @dimmerColor;
     overflow: hidden;
     opacity: 0;
@@ -610,12 +610,12 @@ body.pushable > .pusher {
     }
     & when (@variationFlyoutTop) {
         .ui.top.overlay.flyout {
-            transform: translate3d(0%, -100%, 0);
+            transform: translate3d(0, -100%, 0);
         }
     }
     & when (@variationFlyoutBottom) {
         .ui.bottom.overlay.flyout {
-            transform: translate3d(0%, 100%, 0);
+            transform: translate3d(0, 100%, 0);
         }
     }
 
@@ -627,7 +627,7 @@ body.pushable > .pusher {
 
     /* End - flyout */
     .ui.visible.overlay.flyout {
-        transform: translate3d(0%, 0, 0);
+        transform: translate3d(0, 0, 0);
     }
 
     /* End - Pusher */

package/src/definitions/modules/modal.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'modal';
+@type: "module";
+@element: "modal";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Modal
@@ -260,7 +260,6 @@
 
 /* Mobile */
 @media only screen and (max-width: @largestMobileScreen) {
-
     .ui.modal > .header {
         padding: @mobileHeaderPadding;
     }
@@ -455,7 +454,7 @@
 
     /* Fix for Firefox, Edge, IE11 */
     .modals.dimmer .ui.scrolling.modal:not([class*="overlay fullscreen"])::after {
-        content: '\00A0';
+        content: "\00A0";
         position: absolute;
         height: @scrollingMargin;
     }
@@ -550,37 +549,37 @@
         .ui.@{value}.modal > .header:not(.ui) {
             font-size: @@hs;
         }
-        @media only screen and (max-width : @largestMobileScreen) {
+        @media only screen and (max-width: @largestMobileScreen) {
             .ui.@{value}.modal {
                 width: @@mw;
                 margin: @@mm;
             }
         }
-        @media only screen and (min-width : @tabletBreakpoint) {
+        @media only screen and (min-width: @tabletBreakpoint) {
             .ui.@{value}.modal {
                 width: @@tw;
                 margin: @@tm;
             }
         }
-        @media only screen and (min-width : @computerBreakpoint) {
+        @media only screen and (min-width: @computerBreakpoint) {
             .ui.@{value}.modal {
                 width: @@cw;
                 margin: @@cm;
             }
         }
-        @media only screen and (min-width : @largeMonitorBreakpoint) {
+        @media only screen and (min-width: @largeMonitorBreakpoint) {
             .ui.@{value}.modal {
                 width: @@lw;
                 margin: @@lm;
             }
         }
-        @media only screen and (min-width : @widescreenMonitorBreakpoint) {
+        @media only screen and (min-width: @widescreenMonitorBreakpoint) {
             .ui.@{value}.modal {
                 width: @@ww;
                 margin: @@wm;
             }
         }
-    })
+    });
 }
 
 & when (@variationModalInverted) {

package/src/definitions/modules/nag.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'nag';
+@type: "module";
+@element: "nag";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Nag
@@ -150,7 +150,7 @@ a.ui.nag {
                 line-height: 1;
             }
         }
-    })
+    });
 }
 
 /* --------------
@@ -177,7 +177,7 @@ a.ui.nag {
                 }
             }
         }
-    })
+    });
 }
 
 & when (@variationNagGroups) {

package/src/definitions/modules/popup.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'popup';
+@type: "module";
+@element: "popup";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Popup
@@ -54,7 +54,7 @@
 
 .ui.popup::before {
     position: absolute;
-    content: '';
+    content: "";
     width: @arrowSize;
     height: @arrowSize;
     background: @arrowBackground;
@@ -81,7 +81,7 @@
     [data-tooltip]::before {
         pointer-events: none;
         position: absolute;
-        content: '';
+        content: "";
         font-size: @medium;
         width: @arrowSize;
         height: @arrowSize;
@@ -221,7 +221,7 @@
             background: @invertedArrowBottomBackground;
         }
 
-        /* Popup  */
+        /* Popup */
         [data-tooltip][data-inverted]::after {
             background: @tooltipInvertedBackground;
             color: @tooltipInvertedColor;
@@ -634,7 +634,7 @@
         }
     }
     & when (@variationPopupRight) {
-        /* --- Right Center  --- */
+        /* --- Right Center --- */
 
         /* rtl:rename */
         .ui.right.center.popup::before {
@@ -783,7 +783,7 @@
          Colors
     --------------- */
 
-    /* Inverted colors  */
+    /* Inverted colors */
     .ui.inverted.popup {
         background: @invertedBackground;
         color: @invertedColor;
@@ -847,7 +847,7 @@
                 }
             }
         }
-    })
+    });
 }
 
 & when (@variationPopupFlowing) {
@@ -879,7 +879,7 @@
                 font-size: @s;
             }
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/modules/progress.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'progress';
+@type: "module";
+@element: "progress";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Progress
@@ -331,7 +331,7 @@
         min-width: @activeMinWidth;
     }
     .ui.active.progress .bar::after {
-        content: '';
+        content: "";
         opacity: 0;
         position: absolute;
         top: 0;
@@ -486,7 +486,7 @@
                 background-color: @l;
             }
         }
-    })
+    });
 }
 
 /* --------------
@@ -503,13 +503,13 @@
     each(@variationProgressSizes, {
         @h: @{value}BarHeight;
         @s: @@value;
-        .ui.@{value}.progress  {
+        .ui.@{value}.progress {
             font-size: @s;
         }
         .ui.@{value}.progress .bar {
             height: @@h;
         }
-    })
+    });
 }
 
 & when (@variationProgressIndeterminate) {
@@ -527,7 +527,7 @@
         right: 0;
     }
     .ui.indeterminate.progress .bar::before {
-        content: '';
+        content: "";
         position: absolute;
         top: 0;
         bottom: 0;
@@ -564,7 +564,7 @@
     .ui.indeterminate.progress:not(.sliding):not(.filling):not(.swinging) .bar::before {
         background: @indeterminatePulseColor;
     }
-    & when (@variationProgressSliding) or (@variationProgressSwinging)  or (@variationProgressFilling) {
+    & when (@variationProgressSliding) or (@variationProgressSwinging) or (@variationProgressFilling) {
         .ui.sliding.indeterminate.progress .bar,
         .ui.swinging.indeterminate.progress .bar,
         .ui.filling.indeterminate.progress .bar {

package/src/definitions/modules/rating.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'rating';
+@type: "module";
+@element: "rating";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
            Rating
@@ -103,20 +103,24 @@
 
         .ui.@{color}.rating .active.icon {
             color: @l;
-            text-shadow: 0px -@shadowWidth 0px @c,
-            -@shadowWidth 0px 0px @c,
-            0px @shadowWidth 0px @c,
-            @shadowWidth 0px 0px @c;
+            text-shadow:
+                0 -@shadowWidth 0 @c,
+                -@shadowWidth 0 0 @c,
+                0 @shadowWidth 0 @c,
+                @shadowWidth 0 0 @c
+            ;
         }
         .ui.@{color}.rating .icon.selected,
         .ui.@{color}.rating .icon.selected.active,
         .ui.@{color}.rating .icon.selected.partial.active {
             background: inherit;
             color: @lh;
-            text-shadow: 0px -@shadowWidth 0px @h,
-            -@shadowWidth 0px 0px @h,
-            0px @shadowWidth 0px @h,
-            @shadowWidth 0px 0px @h;
+            text-shadow:
+                0 -@shadowWidth 0 @h,
+                -@shadowWidth 0 0 @h,
+                0 @shadowWidth 0 @h,
+                @shadowWidth 0 0 @h
+            ;
 
             -webkit-text-stroke: unset;
             background-clip: unset;
@@ -127,7 +131,7 @@
                 -webkit-text-stroke: @c 0.78px;
             }
         }
-    })
+    });
 }
 
 /*******************************
@@ -169,10 +173,10 @@
 & when not (@variationRatingSizes = false) {
     each(@variationRatingSizes, {
         @s: @@value;
-        .ui.@{value}.rating  {
+        .ui.@{value}.rating {
             font-size: @s;
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/modules/search.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'search';
+@type: "module";
+@element: "search";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
              Search
@@ -192,7 +192,7 @@
 
     .ui.loading.search .input > i.icon::before {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: 50%;
         margin: @loaderMargin;
@@ -203,7 +203,7 @@
     }
     .ui.loading.search .input > i.icon::after {
         position: absolute;
-        content: '';
+        content: "";
         top: 50%;
         left: 50%;
         margin: @loaderMargin;
@@ -538,10 +538,10 @@
 & when not (@variationFeedSizes = false) {
     each(@variationFeedSizes, {
         @s: @{value}SearchSize;
-        .ui.@{value}.search  {
+        .ui.@{value}.search {
             font-size: @@s;
         }
-    })
+    });
 }
 
 /* --------------

package/src/definitions/modules/shape.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'shape';
+@type: "module";
+@element: "shape";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
               Shape

package/src/definitions/modules/sidebar.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'sidebar';
+@type: "module";
+@element: "sidebar";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Sidebar
@@ -161,7 +161,7 @@ body.pushable > .pusher {
     position: fixed;
     top: 0;
     right: 0;
-    content: '';
+    content: "";
     background: @dimmerColor;
     overflow: hidden;
     opacity: 0;
@@ -406,12 +406,12 @@ body.pushable > .pusher {
     }
     & when (@variationSidebarTop) {
         .ui.top.overlay.sidebar {
-            transform: translate3d(0%, -100%, 0);
+            transform: translate3d(0, -100%, 0);
         }
     }
     & when (@variationSidebarBottom) {
         .ui.bottom.overlay.sidebar {
-            transform: translate3d(0%, 100%, 0);
+            transform: translate3d(0, 100%, 0);
         }
     }
 
@@ -424,22 +424,22 @@ body.pushable > .pusher {
     /* End - Sidebar */
     & when (@variationSidebarLeft) {
         .ui.visible.left.overlay.sidebar {
-            transform: translate3d(0%, 0, 0);
+            transform: translate3d(0, 0, 0);
         }
     }
     & when (@variationSidebarRight) {
         .ui.visible.right.overlay.sidebar {
-            transform: translate3d(0%, 0, 0);
+            transform: translate3d(0, 0, 0);
         }
     }
     & when (@variationSidebarTop) {
         .ui.visible.top.overlay.sidebar {
-            transform: translate3d(0%, 0, 0);
+            transform: translate3d(0, 0, 0);
         }
     }
     & when (@variationSidebarBottom) {
         .ui.visible.bottom.overlay.sidebar {
-            transform: translate3d(0%, 0, 0);
+            transform: translate3d(0, 0, 0);
         }
     }
 
@@ -474,18 +474,18 @@ body.pushable > .pusher {
     }
     & when (@variationSidebarTop) {
         .ui.top.push.sidebar {
-            transform: translate3d(0%, -100%, 0);
+            transform: translate3d(0, -100%, 0);
         }
     }
     & when (@variationSidebarBottom) {
         .ui.bottom.push.sidebar {
-            transform: translate3d(0%, 100%, 0);
+            transform: translate3d(0, 100%, 0);
         }
     }
 
     /* End */
     .ui.visible.push.sidebar {
-        transform: translate3d(0%, 0, 0);
+        transform: translate3d(0, 0, 0);
     }
 }
 
@@ -535,7 +535,7 @@ body.pushable > .pusher {
     }
     & when (@variationSidebarBottom) {
         .ui.bottom.slide.along.sidebar {
-            transform: translate3d(0%, 50%, 0);
+            transform: translate3d(0, 50%, 0);
         }
     }
 
@@ -546,7 +546,7 @@ body.pushable > .pusher {
 
     /* End */
     .ui.visible.slide.along.sidebar {
-        transform: translate3d(0%, 0, 0);
+        transform: translate3d(0, 0, 0);
     }
 }
 
@@ -573,12 +573,12 @@ body.pushable > .pusher {
     }
     & when (@variationSidebarTop) {
         .ui.top.slide.out.sidebar {
-            transform: translate3d(0%, 50%, 0);
+            transform: translate3d(0, 50%, 0);
         }
     }
     & when (@variationSidebarBottom) {
         .ui.bottom.slide.out.sidebar {
-            transform: translate3d(0%, -50%, 0);
+            transform: translate3d(0, -50%, 0);
         }
     }
 
@@ -589,7 +589,7 @@ body.pushable > .pusher {
 
     /* End */
     .ui.visible.slide.out.sidebar {
-        transform: translate3d(0%, 0, 0);
+        transform: translate3d(0, 0, 0);
     }
 }
 
@@ -616,12 +616,12 @@ body.pushable > .pusher {
     }
     & when (@variationSidebarTop) {
         .ui.top.scale.down.sidebar {
-            transform: translate3d(0%, -100%, 0);
+            transform: translate3d(0, -100%, 0);
         }
     }
     & when (@variationSidebarBottom) {
         .ui.bottom.scale.down.sidebar {
-            transform: translate3d(0%, 100%, 0);
+            transform: translate3d(0, 100%, 0);
         }
     }
 

package/src/definitions/modules/slider.less

@@ -2,10 +2,10 @@
              Theme
  *******************************/
 
-@type : 'module';
-@element : 'slider';
+@type: "module";
+@element: "slider";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 .ui.slider:not(.vertical):not(.checkbox) {
     width: 100%;
@@ -206,7 +206,7 @@
     }
     & when (@variationSliderTicked) {
         .ui.labeled.ticked.slider > .labels .label::after {
-            content: ' ';
+            content: " ";
             height: @labelHeight;
             width: @labelWidth;
             background: @labelColor;
@@ -329,7 +329,7 @@
             }
         }
 
-    })
+    });
 }
 
 & when (@variationSliderBasic) {
@@ -413,7 +413,7 @@
                 }
             }
         }
-    })
+    });
 }
 
 .loadUIOverrides();

package/src/definitions/modules/sticky.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'sticky';
+@type: "module";
+@element: "sticky";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
             Sticky

package/src/definitions/modules/tab.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'tab';
+@type: "module";
+@element: "tab";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
            UI Tabs
@@ -57,7 +57,7 @@
     .ui.tab.loading::before,
     .ui.tab.loading.segment::before {
         position: absolute;
-        content: '';
+        content: "";
         top: @loaderDistanceFromTop;
         left: 50%;
         margin: @loaderMargin;
@@ -69,7 +69,7 @@
     .ui.tab.loading::after,
     .ui.tab.loading.segment::after {
         position: absolute;
-        content: '';
+        content: "";
         top: @loaderDistanceFromTop;
         left: 50%;
         margin: @loaderMargin;

package/src/definitions/modules/toast.less

@@ -12,10 +12,10 @@
             Theme
 *******************************/
 
-@type : 'module';
-@element : 'toast';
+@type: "module";
+@element: "toast";
 
-@import (multiple) '../../theme.config';
+@import (multiple) "../../theme.config";
 
 /*******************************
         Toast container
@@ -274,7 +274,7 @@
         & .progressing {
             animation-iteration-count: 1;
             animation-timing-function: linear;
-            &  when (@variationToastProgress) {
+            & when (@variationToastProgress) {
                 &.up {
                     animation-name: progressUp;
                 }
@@ -651,7 +651,7 @@
                 color: @toastInvertedTextColor;
             }
         }
-    })
+    });
 }
 
 & when (@variationToastInverted) {
@@ -685,7 +685,7 @@
 /* ---------------
    Progress Bar
  ---------------- */
-&  when (@variationToastProgress) {
+& when (@variationToastProgress) {
     @keyframes progressDown {
         0% {
             width: 100%;