fomantic-ui 2.9.1-beta.2 → 2.9.1-beta.21

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

@@ -4,9 +4,9 @@
 
 // @textColor
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
 @verticalMargin: 1em;
 @verticalPadding: 1em;
@@ -20,15 +20,15 @@
 @borderShadow: 0 0 0 @borderWidth @strongBorderColor inset;
 @shadowShadow: 0 0 0 0 rgba(0, 0, 0, 0);
 @boxShadow:
-  @borderShadow,
-  @shadowShadow
+    @borderShadow,
+    @shadowShadow
 ;
 
 @transition:
-  opacity @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing
+    opacity @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing
 ;
 
 /* Header */
@@ -59,10 +59,9 @@
 @closeOpacity: 0.7;
 @closeTransition: opacity @defaultDuration @defaultEasing;
 
-
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Icon Message */
 @iconSize: 3em;
@@ -75,154 +74,154 @@
 @attachedYOffset: -1px;
 @attachedBoxShadow: 0 0 0 @borderWidth @borderColor inset;
 @attachedBottomBoxShadow:
-  @attachedBoxShadow,
-  @subtleShadow
+    @attachedBoxShadow,
+    @subtleShadow
 ;
 
 /* Floating */
 @floatingBoxShadow:
-  @borderShadow,
-  @floatingShadow
+    @borderShadow,
+    @floatingShadow
 ;
 
 /* Colors */
 @redBoxShadow:
-  0 0 0 @borderWidth @redBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @redBorderColor inset,
+    @shadowShadow
 ;
 @redBoxFloatingShadow:
-  0 0 0 @borderWidth @redBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @redBorderColor inset,
+    @floatingShadow
 ;
 @orangeBoxShadow:
-  0 0 0 @borderWidth @orangeBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @orangeBorderColor inset,
+    @shadowShadow
 ;
 @orangeBoxFloatingShadow:
-  0 0 0 @borderWidth @orangeBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @orangeBorderColor inset,
+    @floatingShadow
 ;
 @yellowBoxShadow:
-  0 0 0 @borderWidth @yellowBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @yellowBorderColor inset,
+    @shadowShadow
 ;
 @yellowBoxFloatingShadow:
-   0 0 0 @borderWidth @yellowBorderColor inset,
-   @floatingShadow
+    0 0 0 @borderWidth @yellowBorderColor inset,
+    @floatingShadow
 ;
 @oliveBoxShadow:
-  0 0 0 @borderWidth @oliveBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @oliveBorderColor inset,
+    @shadowShadow
 ;
 @oliveBoxFloatingShadow:
-  0 0 0 @borderWidth @oliveBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @oliveBorderColor inset,
+    @floatingShadow
 ;
 @greenBoxShadow:
-  0 0 0 @borderWidth @greenBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @greenBorderColor inset,
+    @shadowShadow
 ;
 @greenBoxFloatingShadow:
-  0 0 0 @borderWidth @greenBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @greenBorderColor inset,
+    @floatingShadow
 ;
 @tealBoxShadow:
-  0 0 0 @borderWidth @tealBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @tealBorderColor inset,
+    @shadowShadow
 ;
 @tealBoxFloatingShadow:
-  0 0 0 @borderWidth @tealBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @tealBorderColor inset,
+    @floatingShadow
 ;
 @blueBoxShadow:
-  0 0 0 @borderWidth @blueBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @blueBorderColor inset,
+    @shadowShadow
 ;
 @blueBoxFloatingShadow:
-  0 0 0 @borderWidth @blueBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @blueBorderColor inset,
+    @floatingShadow
 ;
 @violetBoxShadow:
-  0 0 0 @borderWidth @violetBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @violetBorderColor inset,
+    @shadowShadow
 ;
 @violetBoxFloatingShadow:
-  0 0 0 @borderWidth @violetBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @violetBorderColor inset,
+    @floatingShadow
 ;
 @purpleBoxShadow:
-  0 0 0 @borderWidth @purpleBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @purpleBorderColor inset,
+    @shadowShadow
 ;
 @purpleBoxFloatingShadow:
-  0 0 0 @borderWidth @purpleBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @purpleBorderColor inset,
+    @floatingShadow
 ;
 @pinkBoxShadow:
-  0 0 0 @borderWidth @pinkBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @pinkBorderColor inset,
+    @shadowShadow
 ;
 @pinkBoxFloatingShadow:
-  0 0 0 @borderWidth @pinkBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @pinkBorderColor inset,
+    @floatingShadow
 ;
 @brownBoxShadow:
-  0 0 0 @borderWidth @brownBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @brownBorderColor inset,
+    @shadowShadow
 ;
 @brownBoxFloatingShadow:
-  0 0 0 @borderWidth @brownBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @brownBorderColor inset,
+    @floatingShadow
 ;
 
 /* Warning / Positive / Negative / Info */
 @positiveBoxShadow:
-  0 0 0 @borderWidth @positiveBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @positiveBorderColor inset,
+    @shadowShadow
 ;
 @positiveBoxFloatingShadow:
-  0 0 0 @borderWidth @positiveBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @positiveBorderColor inset,
+    @floatingShadow
 ;
 @negativeBoxShadow:
-  0 0 0 @borderWidth @negativeBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @negativeBorderColor inset,
+    @shadowShadow
 ;
 @negativeBoxFloatingShadow:
-  0 0 0 @borderWidth @negativeBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @negativeBorderColor inset,
+    @floatingShadow
 ;
 @infoBoxShadow:
-  0 0 0 @borderWidth @infoBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @infoBorderColor inset,
+    @shadowShadow
 ;
 @infoBoxFloatingShadow:
-  0 0 0 @borderWidth @infoBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @infoBorderColor inset,
+    @floatingShadow
 ;
 @warningBoxShadow:
-  0 0 0 @borderWidth @warningBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @warningBorderColor inset,
+    @shadowShadow
 ;
 @warningBoxFloatingShadow:
-  0 0 0 @borderWidth @warningBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @warningBorderColor inset,
+    @floatingShadow
 ;
 @errorBoxShadow:
-  0 0 0 @borderWidth @errorBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @errorBorderColor inset,
+    @shadowShadow
 ;
 @errorBoxFloatingShadow:
-  0 0 0 @borderWidth @errorBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @errorBorderColor inset,
+    @floatingShadow
 ;
 @successBoxShadow:
-  0 0 0 @borderWidth @successBorderColor inset,
-  @shadowShadow
+    0 0 0 @borderWidth @successBorderColor inset,
+    @shadowShadow
 ;
 @successBoxFloatingShadow:
-  0 0 0 @borderWidth @successBorderColor inset,
-  @floatingShadow
+    0 0 0 @borderWidth @successBorderColor inset,
+    @floatingShadow
 ;
 
 @miniMessageSize: @relativeMini;
@@ -231,4 +230,4 @@
 @largeMessageSize: @relativeLarge;
 @bigMessageSize: @relativeBig;
 @hugeMessageSize: @relativeHuge;
-@massiveMessageSize: @relativeMassive;
+@massiveMessageSize: @relativeMassive;

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

@@ -2,9 +2,9 @@
              Table
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @verticalMargin: 1em;
 @horizontalMargin: 0;
@@ -13,8 +13,8 @@
 @borderSpacing: 0;
 @borderRadius: @defaultBorderRadius;
 @transition:
-  background @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing
+    background @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing
 ;
 @background: @white;
 @color: @textColor;
@@ -24,9 +24,9 @@
 @textAlign: left;
 @verticalAlign: middle;
 
-/*--------------
+/* --------------
      Parts
----------------*/
+--------------- */
 
 /* Table Row */
 @rowBorder: 1px solid @internalBorderColor;
@@ -78,9 +78,9 @@
 @responsiveCellBoxShadow: none;
 @responsiveCellHeaderFontWeight: @bold;
 
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Definition */
 @definitionPageBackground: @white;
@@ -102,16 +102,15 @@
 @definitionColumnTextAlign: '';
 @definitionColumnHorizontalPadding: '';
 
-
-/*--------------
+/* --------------
     Couplings
----------------*/
+--------------- */
 
 @iconVerticalAlign: baseline;
 
-/*--------------
+/* --------------
      States
----------------*/
+--------------- */
 
 @stateMarkerWidth: 0;
 
@@ -157,9 +156,9 @@
 @activeBackgroundHover: #EFEFEF;
 @activeColorHover: @selectedTextColor;
 
-/*--------------
+/* --------------
      Types
----------------*/
+--------------- */
 
 /* Attached */
 @attachedTopOffset: 0;
@@ -169,8 +168,8 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @boxShadow,
-  @attachedBoxShadow
+    @boxShadow,
+    @attachedBoxShadow
 ;
 
 /* Striped */
@@ -295,7 +294,6 @@
 @overflowingComputerMaxHeight: (@overflowingItemHeight * @overflowingComputerMaxItems);
 @overflowingWidescreenMaxHeight: (@overflowingItemHeight * @overflowingWidescreenMaxItems);
 
-
 /* Sizes */
 @small: 0.9em;
 @medium: 1em;

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

@@ -2,9 +2,9 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 /* Button */
 @verticalMargin: 0;
@@ -39,8 +39,8 @@
 @borderBoxShadowWidth: 1px;
 @borderBoxShadow: 0 0 0 @borderBoxShadowWidth @borderBoxShadowColor inset;
 @boxShadow:
-  @borderBoxShadow,
-  @shadowBoxShadow
+    @borderBoxShadow,
+    @shadowBoxShadow
 ;
 
 /* Icon */
@@ -58,20 +58,21 @@
 @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
 
 @transition:
-  opacity @defaultDuration @defaultEasing,
-  background-color @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing,
-  background @defaultDuration @defaultEasing
+    opacity @defaultDuration @defaultEasing,
+    background-color @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing,
+    background @defaultDuration @defaultEasing
 ;
+
 /*
 @willChange: box-shadow, transform, opacity, color, background;
 */
 @willChange: auto;
 
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
 @groupBoxShadow: none;
 @groupButtonBoxShadow: @boxShadow;
@@ -79,9 +80,9 @@
 @groupButtonOffset: 0 0 0 0;
 @verticalGroupOffset: 0 0 0 0;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Hovered */
 @hoverBackgroundColor: #CACBCD;
@@ -106,8 +107,8 @@
 @downBackgroundImage: '';
 @downPressedShadow: none;
 @downBoxShadow:
-  @borderBoxShadow,
-  @downPressedShadow
+    @borderBoxShadow,
+    @downPressedShadow
 ;
 @downColor: @pressedTextColor;
 
@@ -127,13 +128,13 @@
 @loadingOpacity: 1;
 @loadingPointerEvents: auto;
 @loadingTransition:
-  all 0s linear,
-  opacity @defaultDuration @defaultEasing
+    all 0s linear,
+    opacity @defaultDuration @defaultEasing
 ;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Or */
 @orText: 'or';
@@ -156,7 +157,6 @@
 @orTextWeight: @bold;
 @orTextColor: @lightTextColor;
 
-
 @orSpacerHeight: @verticalPadding;
 @orSpacerColor: transparent;
 
@@ -183,7 +183,6 @@
 @labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset;
 @labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset;
 
-
 /* Inverted */
 @invertedBorderSize: 2px;
 @invertedTextColor: @white;
@@ -208,9 +207,10 @@
 @basicHoverBackground: #FFFFFF;
 @basicHoverTextColor: @hoveredTextColor;
 @basicHoverBoxShadow:
-  0 0 0 @basicBorderSize @selectedBorderColor inset,
-  0 0 0 0 @borderColor inset
+    0 0 0 @basicBorderSize @selectedBorderColor inset,
+    0 0 0 0 @borderColor inset
 ;
+
 /* Basic Focus */
 @basicFocusBackground: @basicHoverBackground;
 @basicFocusTextColor: @basicHoverTextColor;
@@ -220,9 +220,10 @@
 @basicDownBackground: #F8F8F8;
 @basicDownTextColor: @pressedTextColor;
 @basicDownBoxShadow:
-  0 0 0 @basicBorderSize rgba(0, 0, 0, 0.15) inset,
-  0 1px 4px 0 @borderColor inset
+    0 0 0 @basicBorderSize rgba(0, 0, 0, 0.15) inset,
+    0 1px 4px 0 @borderColor inset
 ;
+
 /* Basic Active */
 @basicActiveBackground: @transparentBlack;
 @basicActiveBoxShadow: '';
@@ -245,14 +246,13 @@
 @basicInvertedDownColor: @darkWhiteActive;
 @basicInvertedActiveColor: @invertedTextColor;
 
-
 /* Basic Group */
 @basicGroupBorder: @basicBorderSize solid @borderColor;
 @basicGroupBoxShadow: none;
 
-/*-------------
+/* -------------
    Tertiary
--------------*/
+------------- */
 @tertiaryVerticalPadding: 0.5em;
 @tertiaryHorizontalPadding: 0.5em;
 @tertiaryLineHeight: 0.2em;
@@ -283,9 +283,9 @@
 @tertiaryActiveWithOverline: false;
 @tertiaryActiveBackgroundColor: none;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Colors */
 @coloredBackgroundImage: none;
@@ -347,7 +347,6 @@
 @lightGreyTextColor: @textColor;
 @lightGreyTextShadow: @textShadow;
 
-
 /* Ordinality */
 @primaryBackgroundImage: @coloredBackgroundImage;
 @primaryTextColor: @invertedTextColor;

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

@@ -2,9 +2,9 @@
             Container
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 /* Minimum Gutter is used to determine  the maximum container width for a given device */
 
@@ -51,17 +51,9 @@
 @computerVeryRelaxedGridWidth: e(%("calc(%d + %d)", @computerWidth, @veryRelaxedGridGutterWidth));
 @largeMonitorVeryRelaxedGridWidth: e(%("calc(%d + %d)", @largeMonitorWidth, @veryRelaxedGridGutterWidth));
 
-/*-------------------
-       Scrolling
---------------------*/
-@scrollingMobileMaxHeight: 15em;
-@scrollingTabletMaxHeight: 18em;
-@scrollingComputerMaxHeight: 24em;
-@scrollingWidescreenMaxHeight: 30em;
-
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Text */
 @textWidth: 700px;

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

@@ -2,17 +2,16 @@
          Theme Overrides
 *******************************/
 
-
 .ui.horizontal.divider::before,
 .ui.horizontal.divider::after {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
 }
 
-@media only screen and (max-width : (@tabletBreakpoint - 1px)) {
-  .ui.stackable.grid .ui.vertical.divider::before,
-  .ui.grid .stackable.row .ui.vertical.divider::before,
-  .ui.stackable.grid .ui.vertical.divider::after,
-  .ui.grid .stackable.row .ui.vertical.divider::after {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
-  }
+@media only screen and (max-width: (@tabletBreakpoint - 1px)) {
+    .ui.stackable.grid .ui.vertical.divider::before,
+    .ui.grid .stackable.row .ui.vertical.divider::before,
+    .ui.stackable.grid .ui.vertical.divider::after,
+    .ui.grid .stackable.row .ui.vertical.divider::after {
+        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
+    }
 }

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

@@ -2,9 +2,9 @@
             Divider
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @margin: 1rem 0;
 @borderStyle: solid;
@@ -21,15 +21,14 @@
 @color: @darkTextColor;
 @textTransform: uppercase;
 
-/*-------------------
+/* -------------------
        Coupling
---------------------*/
+-------------------- */
 
 /* Icon */
 @dividerIconSize: 1rem;
 @dividerIconMargin: 0;
 
-
 /*******************************
          Variations
 *******************************/

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

@@ -1,4 +1,3 @@
-
 /*******************************
              Emojis
 *******************************/