fomantic-ui 2.9.1-beta.4 → 2.9.1-beta.40

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

@@ -2,9 +2,9 @@
              Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
 /* Form */
 @gutterWidth: 1em;
@@ -36,9 +36,8 @@
 @inputBorderRadius: @absoluteBorderRadius;
 @inputColor: @textColor;
 @inputTransition:
-  color @defaultDuration @defaultEasing,
-  border-color @defaultDuration @defaultEasing
-;
+    color @defaultDuration @defaultEasing,
+    border-color @defaultDuration @defaultEasing;
 @inputBoxShadow: 0 0 0 0 transparent inset;
 
 /* Select */
@@ -79,9 +78,9 @@
 @inlinePromptMargin: -0.25em 0 -0.5em 0.5em;
 @inlinePromptBorderWidth: 1px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Focus */
 @inputFocusPointerSize: 0;
@@ -108,19 +107,19 @@
 
 /* Loading Dimmer */
 @loaderDimmerColor: rgba(255, 255, 255, 0.8);
-@loaderInvertedDimmerColor: rgba(0, 0, 0 , 0.85);
+@loaderInvertedDimmerColor: rgba(0, 0, 0, 0.85);
 @loaderDimmerZIndex: 100;
 
 /* Loading Spinner */
 @loaderSize: 3em;
 @loaderLineZIndex: 101;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Required */
-@requiredContent: '*';
+@requiredContent: "*";
 @requiredColor: @negativeColor;
 @requiredVerticalOffset: -0.2em;
 @requiredDistance: 0.2em;
@@ -134,9 +133,9 @@
 @invertedLabelColor: @invertedTextColor;
 @invertedInputBoxShadow: none;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Grouped Fields */
 @groupedMargin: @fieldMargin;
@@ -164,11 +163,11 @@
 @inlineLabelTextTransform: @labelTextTransform;
 @inlineCalendarWidth: 13.11em;
 
-@groupedInlineLabelMargin: 0.035714em 1em 0 0;
+@groupedInlineLabelMargin: 0.03571em 1em 0 0;
 @groupedInlineCheckboxBottomMargin: 0.4em;
 
-/*-------------------
+/* -------------------
        Groups
---------------------*/
+-------------------- */
 
 @inlineFieldsMargin: 0 1em 0 0;

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

@@ -1,4 +1,3 @@
 /*******************************
          Theme Overrides
 *******************************/
-

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;