fomantic-ui 2.9.1-beta.9 → 2.9.1

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

@@ -28,16 +28,16 @@
            Variations
 *******************************/
 
-/*--------------
+/* --------------
      Relaxed
----------------*/
+--------------- */
 
 @relaxedGutterWidth: 3rem;
 @veryRelaxedGutterWidth: 5rem;
 
-/*--------------
+/* --------------
      Divided
----------------*/
+--------------- */
 
 @dividedBorder: -1px 0 0 0 @borderColor;
 @verticallyDividedBorder: 0 -1px 0 0 @borderColor;
@@ -45,9 +45,9 @@
 @dividedInvertedBorder: -1px 0 0 0 @whiteBorderColor;
 @verticallyDividedInvertedBorder: 0 -1px 0 0 @whiteBorderColor;
 
-/*--------------
+/* --------------
     Celled
----------------*/
+--------------- */
 
 @celledMargin: 1em 0;
 @celledWidth: 1px;
@@ -61,40 +61,39 @@
 @celledRowDivider: 0 (-@celledWidth) 0 0 @celledBorderColor;
 @celledColumnDivider: (-@celledWidth) 0 0 0 @celledBorderColor;
 
-
-/*--------------
+/* --------------
     Stackable
----------------*/
+--------------- */
 
 @stackableRowSpacing: @rowSpacing;
 @stackableGutter: @gutterWidth;
+@stackableMobileGutter: 0;
 @stackableMobileBorder: 1px solid @borderColor;
 @stackableInvertedMobileBorder: 1px solid @whiteBorderColor;
 
-/*--------------
+/* --------------
     Compact
----------------*/
+--------------- */
 @compactGutterWidth: (@gutterWidth / 2);
 @compactRowSpacing: (@rowSpacing / 2);
 @compactCelledRelaxedPadding: (@celledRelaxedPadding / 2);
 @compactCelledVeryRelaxedPadding: (@celledVeryRelaxedPadding / 2);
 
-/*------------------
+/* ------------------
     Very Compact
-------------------*/
+------------------ */
 @veryCompactGutterWidth: (@compactGutterWidth / 2);
 @veryCompactRowSpacing: (@compactRowSpacing / 2);
 @veryCompactCelledRelaxedPadding: (@compactCelledRelaxedPadding / 2);
 @veryCompactCelledVeryRelaxedPadding: (@compactCelledVeryRelaxedPadding / 2);
 
-
 /*******************************
              Legacy
 *******************************/
 
-/*--------------
+/* --------------
      Page
----------------*/
+--------------- */
 
 /* Legacy (DO NOT USE)
  */

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

@@ -2,15 +2,15 @@
              Menu
 *******************************/
 
-/*-------------------
+/* -------------------
       Collection
---------------------*/
+-------------------- */
 
 /* Menu */
 @verticalMargin: @medium;
 @horizontalMargin: 0;
 @margin: @verticalMargin @horizontalMargin;
-@background: #FFFFFF;
+@background: #fff;
 @fontFamily: @pageFont;
 @itemBackground: none;
 @fontWeight: @normal;
@@ -25,10 +25,9 @@
 @itemHorizontalPadding: @relativeLarge;
 @itemTextTransform: none;
 @itemTransition:
-  background @defaultDuration @defaultEasing,
-  box-shadow @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing
-;
+    background @defaultDuration @defaultEasing,
+    box-shadow @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing;
 @itemFontWeight: @normal;
 @itemTextColor: @textColor;
 
@@ -49,9 +48,9 @@
 /* Text Item */
 @textLineHeight: 1.3;
 
-/*--------------
+/* --------------
     Elements
----------------*/
+--------------- */
 
 /* Icon */
 @iconFloat: none;
@@ -63,7 +62,7 @@
 @dropdownIconDistance: 1em;
 
 /* Header */
-@headerBackground: '';
+@headerBackground: "";
 @headerWeight: @bold;
 @headerTextTransform: @normal;
 
@@ -83,7 +82,7 @@
 @arrowTransition: background @defaultDuration @defaultEasing;
 @arrowZIndex: 2;
 
-@arrowHoverColor: #F2F2F2;
+@arrowHoverColor: #f2f2f2;
 @arrowActiveColor: @arrowHoverColor;
 @arrowActiveHoverColor: @arrowActiveColor;
 
@@ -91,9 +90,9 @@
 @arrowVerticalActiveColor: @arrowActiveColor;
 @arrowVerticalSubMenuColor: @white;
 
-/*--------------
+/* --------------
     Couplings
----------------*/
+--------------- */
 
 /* Button */
 @buttonSize: @relativeMedium;
@@ -114,7 +113,7 @@
 
 /* Label */
 @labelOffset: -0.15em;
-@labelBackground: #999999;
+@labelBackground: #999;
 @labelTextColor: @white;
 
 @labelTextMargin: 1em;
@@ -128,13 +127,13 @@
 /* Image Label */
 @imageLabelTextDistance: 0.8em;
 @imageLabelVerticalPadding: 0.2833em; /* Calculates as: @verticalLabel (from label.less) - @labelVerticalPadding (from here) */
-@imageLabelHeight: (1em + @imageLabelVerticalPadding * 2);  /* Logic adopted from label.less */
+@imageLabelHeight: (1em + @imageLabelVerticalPadding * 2); /* Logic adopted from label.less */
 @imageLabelImageMargin: -@imageLabelVerticalPadding @imageLabelTextDistance -@imageLabelVerticalPadding -@imageLabelTextDistance;
 
 /* Dropdown in Menu */
 @dropdownMenuBoxShadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
 
-@dropdownBackground: #FFFFFF;
+@dropdownBackground: #fff;
 @dropdownMenuDistance: 0;
 @dropdownMenuBorderRadius: @borderRadius;
 
@@ -160,9 +159,9 @@
 @pointingDropdownMenuDistance: 0.75em;
 @invertedSelectionDropdownColor: @invertedTextColor;
 
-/*--------------
+/* --------------
      States
----------------*/
+--------------- */
 
 /* Hovered Item */
 @hoverItemBackground: @subtleTransparentBlack;
@@ -172,7 +171,6 @@
 @pressedItemBackground: @subtleTransparentBlack;
 @pressedItemTextColor: @hoverItemTextColor;
 
-
 /* Active Item */
 @activeItemBackground: @transparentBlack;
 @activeItemTextColor: @selectedTextColor;
@@ -198,21 +196,19 @@
 @subMenuActiveTextColor: @activeItemTextColor;
 @subMenuActiveFontWeight: @bold;
 
-
-/*--------------
+/* --------------
      Types
----------------*/
+--------------- */
 
 /* Vertical */
 @verticalBoxShadow: @boxShadow;
 @verticalPointerWidth: 2px;
-@verticalBackground: #FFFFFF;
+@verticalBackground: #fff;
 @verticalItemBackground: none;
 @verticalDividerBackground: @dividerBackground;
 
 @verticalActiveBoxShadow: none;
 
-
 /* Secondary */
 @secondaryBackground: none;
 @secondaryMargin: 0 -@secondaryItemSpacing;
@@ -269,7 +265,6 @@
 @secondaryPointingHeaderColor: @darkTextColor;
 @secondaryVerticalPointingItemMargin: 0 -@secondaryPointingBorderWidth 0 0;
 
-
 /* Inverted Secondary */
 @secondaryInvertedColor: @invertedLightTextColor;
 
@@ -287,10 +282,9 @@
 @secondaryPointingInvertedActiveBorderColor: @white;
 @secondaryPointingInvertedActiveColor: @invertedSelectedTextColor;
 
-
 /* Tiered */
-@tieredActiveItemBackground: #FCFCFC;
-@tieredActiveMenuBackground: #FCFCFC;
+@tieredActiveItemBackground: #fcfcfc;
+@tieredActiveMenuBackground: #fcfcfc;
 
 @tieredSubMenuTextTransform: @normal;
 @tieredSubMenuFontWeight: @normal;
@@ -305,13 +299,11 @@
 
 @tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
 
-
 /* Icon */
 @iconMenuTextAlign: center;
 @iconMenuItemColor: @black;
 @iconMenuInvertedItemColor: @white;
 
-
 /* Tabular */
 @tabularBorderColor: @solidBorderColor;
 @tabularBackgroundColor: transparent;
@@ -335,8 +327,6 @@
 @tabularActiveBoxShadow: none;
 @tabularActiveWeight: @bold;
 
-
-
 /* Pagination */
 @paginationMinWidth: 3em;
 @paginationActiveBackground: @transparentBlack;
@@ -348,13 +338,12 @@
 @labeledIconMinWidth: 6em;
 @labeledIconTextMargin: 0.5rem;
 
-
 /* Text */
 @textMenuItemSpacing: @relative7px;
 @textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
 @textMenuItemColor: @mutedTextColor;
 @textMenuItemFontWeight: @normal;
-@textMenuItemMargin: 0 0;
+@textMenuItemMargin: 0;
 @textMenuItemPadding: @relative5px @textMenuItemSpacing;
 @textMenuItemTransition: opacity @defaultDuration @defaultEasing;
 
@@ -377,10 +366,9 @@
 @textVerticalMenuIconFloat: none;
 @textVerticalMenuIconMargin: @iconMargin;
 
-
-/*--------------
+/* --------------
    Variations
----------------*/
+--------------- */
 
 /* Inverted */
 @invertedBackground: @black;
@@ -409,9 +397,9 @@
 /* Inverted Active */
 @invertedActiveBackground: @invertedArrowActiveColor;
 @invertedActiveColor: @invertedSelectedTextColor;
-@invertedArrowActiveColor: #3D3E3F;
+@invertedArrowActiveColor: #3d3e3f;
 
-/* Inverted Active Hover  */
+/* Inverted Active Hover */
 @invertedActiveHoverBackground: @invertedActiveBackground;
 @invertedActiveHoverColor: @white;
 @invertedArrowActiveHoverColor: @invertedArrowActiveColor;
@@ -441,9 +429,8 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @boxShadow,
-  @attachedBoxShadow
-;
+    @boxShadow,
+    @attachedBoxShadow;
 
 /* Resize large sizes */
 @mini: @11px;
@@ -464,10 +451,9 @@
 @hugeWidth: 22rem;
 @massiveWidth: 25rem;
 
-
-/*-------------------
+/* -------------------
   Inverted dropdowns
---------------------*/
+-------------------- */
 @invertedDropdownBackground: @black;
 @invertedDropdownMenuBoxShadow: none;
 

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

@@ -4,15 +4,15 @@
 
 // @textColor
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
 @verticalMargin: 1em;
 @verticalPadding: 1em;
 @horizontalPadding: 1.5em;
 @padding: @verticalPadding @horizontalPadding;
-@background: #F8F8F9;
+@background: #f8f8f9;
 @lineHeightOffset: ((@lineHeight - 1em) / 2);
 
 @borderRadius: @defaultBorderRadius;
@@ -20,16 +20,14 @@
 @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 */
 @headerFontSize: @relativeLarge;
@@ -59,10 +57,9 @@
 @closeOpacity: 0.7;
 @closeTransition: opacity @defaultDuration @defaultEasing;
 
-
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Icon Message */
 @iconSize: 3em;
@@ -75,155 +72,119 @@
 @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;
 @tinyMessageSize: @relativeTiny;
@@ -231,4 +192,4 @@
 @largeMessageSize: @relativeLarge;
 @bigMessageSize: @relativeBig;
 @hugeMessageSize: @relativeHuge;
-@massiveMessageSize: @relativeMassive;
+@massiveMessageSize: @relativeMassive;

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

@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/