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

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,38 @@
 @celledRowDivider: 0 (-@celledWidth) 0 0 @celledBorderColor;
 @celledColumnDivider: (-@celledWidth) 0 0 0 @celledBorderColor;
 
-
-/*--------------
+/* --------------
     Stackable
----------------*/
+--------------- */
 
 @stackableRowSpacing: @rowSpacing;
 @stackableGutter: @gutterWidth;
 @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,9 +2,9 @@
              Menu
 *******************************/
 
-/*-------------------
+/* -------------------
       Collection
---------------------*/
+-------------------- */
 
 /* Menu */
 @verticalMargin: @medium;
@@ -25,9 +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 +49,9 @@
 /* Text Item */
 @textLineHeight: 1.3;
 
-/*--------------
+/* --------------
     Elements
----------------*/
+--------------- */
 
 /* Icon */
 @iconFloat: none;
@@ -91,9 +91,9 @@
 @arrowVerticalActiveColor: @arrowActiveColor;
 @arrowVerticalSubMenuColor: @white;
 
-/*--------------
+/* --------------
     Couplings
----------------*/
+--------------- */
 
 /* Button */
 @buttonSize: @relativeMedium;
@@ -160,9 +160,9 @@
 @pointingDropdownMenuDistance: 0.75em;
 @invertedSelectionDropdownColor: @invertedTextColor;
 
-/*--------------
+/* --------------
      States
----------------*/
+--------------- */
 
 /* Hovered Item */
 @hoverItemBackground: @subtleTransparentBlack;
@@ -172,7 +172,6 @@
 @pressedItemBackground: @subtleTransparentBlack;
 @pressedItemTextColor: @hoverItemTextColor;
 
-
 /* Active Item */
 @activeItemBackground: @transparentBlack;
 @activeItemTextColor: @selectedTextColor;
@@ -198,10 +197,9 @@
 @subMenuActiveTextColor: @activeItemTextColor;
 @subMenuActiveFontWeight: @bold;
 
-
-/*--------------
+/* --------------
      Types
----------------*/
+--------------- */
 
 /* Vertical */
 @verticalBoxShadow: @boxShadow;
@@ -212,7 +210,6 @@
 
 @verticalActiveBoxShadow: none;
 
-
 /* Secondary */
 @secondaryBackground: none;
 @secondaryMargin: 0 -@secondaryItemSpacing;
@@ -269,7 +266,6 @@
 @secondaryPointingHeaderColor: @darkTextColor;
 @secondaryVerticalPointingItemMargin: 0 -@secondaryPointingBorderWidth 0 0;
 
-
 /* Inverted Secondary */
 @secondaryInvertedColor: @invertedLightTextColor;
 
@@ -287,7 +283,6 @@
 @secondaryPointingInvertedActiveBorderColor: @white;
 @secondaryPointingInvertedActiveColor: @invertedSelectedTextColor;
 
-
 /* Tiered */
 @tieredActiveItemBackground: #FCFCFC;
 @tieredActiveMenuBackground: #FCFCFC;
@@ -305,13 +300,11 @@
 
 @tieredInvertedSubMenuBackground: rgba(0, 0, 0, 0.2);
 
-
 /* Icon */
 @iconMenuTextAlign: center;
 @iconMenuItemColor: @black;
 @iconMenuInvertedItemColor: @white;
 
-
 /* Tabular */
 @tabularBorderColor: @solidBorderColor;
 @tabularBackgroundColor: transparent;
@@ -335,8 +328,6 @@
 @tabularActiveBoxShadow: none;
 @tabularActiveWeight: @bold;
 
-
-
 /* Pagination */
 @paginationMinWidth: 3em;
 @paginationActiveBackground: @transparentBlack;
@@ -348,7 +339,6 @@
 @labeledIconMinWidth: 6em;
 @labeledIconTextMargin: 0.5rem;
 
-
 /* Text */
 @textMenuItemSpacing: @relative7px;
 @textMenuMargin: @relativeMedium -(@textMenuItemSpacing);
@@ -377,10 +367,9 @@
 @textVerticalMenuIconFloat: none;
 @textVerticalMenuIconMargin: @iconMargin;
 
-
-/*--------------
+/* --------------
    Variations
----------------*/
+--------------- */
 
 /* Inverted */
 @invertedBackground: @black;
@@ -441,8 +430,8 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @boxShadow,
-  @attachedBoxShadow
+    @boxShadow,
+    @attachedBoxShadow
 ;
 
 /* Resize large sizes */
@@ -464,10 +453,9 @@
 @hugeWidth: 22rem;
 @massiveWidth: 25rem;
 
-
-/*-------------------
+/* -------------------
   Inverted dropdowns
---------------------*/
+-------------------- */
 @invertedDropdownBackground: @black;
 @invertedDropdownMenuBoxShadow: none;
 

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;