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

package/src/themes/chubby/views/comment.variables

@@ -2,9 +2,9 @@
             Comments
 *******************************/
 
-/*-------------------
+/* -------------------
       Elements
---------------------*/
+-------------------- */
 
 /* Comment */
 @commentBackground: #FFFFFF;
@@ -38,9 +38,9 @@
 @metadataSpacing: 0em;
 @metadataColor: @textColor;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Threaded */
 @threadedCommentMargin: -1.5em 0 -1em  (@avatarWidth / 2);

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

@@ -2,9 +2,9 @@
             Table
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @boxShadow: @subtleGradient;
 

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

@@ -2,9 +2,9 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 /* Shadow */
 @shadowDistance: 0em;
@@ -13,31 +13,30 @@
 @backgroundColor: #FAFAFA;
 @backgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.09));
 @boxShadow:
-  0px 0px 0px 1px @borderColor inset,
-  @shadowBoxShadow
+    0px 0px 0px 1px @borderColor inset,
+    @shadowBoxShadow
 ;
 
 /* Padding */
 @verticalPadding: 0.8em;
 @horizontalPadding: 1.5em;
 
-
-/*-------------------
+/* -------------------
         Group
---------------------*/
+-------------------- */
 
 @groupBoxShadow: none;
 @groupButtonBoxShadow:
-  0px 0px 0px 1px @borderColor inset,
-  @shadowBoxShadow
+    0px 0px 0px 1px @borderColor inset,
+    @shadowBoxShadow
 ;
 @verticalBoxShadow: 0px 0px 0px 1px @borderColor inset;
 @groupButtonOffset: 0px 0px 0px -1px;
 @verticalGroupOffset: 0px 0px -1px 0px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Hovered */
 @hoverBackgroundColor: '';
@@ -50,8 +49,8 @@
 @focusBackgroundColor: '';
 @focusBackgroundImage: none;
 @focusBoxShadow:
-  0px 0px 1px rgba(81, 167, 232, 0.8) inset,
-  0px 0px 3px 2px rgba(81, 167, 232, 0.8)
+    0px 0px 1px rgba(81, 167, 232, 0.8) inset,
+    0px 0px 3px 2px rgba(81, 167, 232, 0.8)
 ;
 @focusColor: @hoveredTextColor;
 @iconFocusOpacity: 0.85;
@@ -60,8 +59,8 @@
 @downBackgroundColor: #F1F1F1;
 @downBackgroundImage: '';
 @downBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
+    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
 ;
 @downColor: @pressedTextColor;
 
@@ -70,25 +69,25 @@
 @activeBackgroundImage: none;
 @activeColor: @selectedTextColor;
 @activeBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
+    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
 ;
 
 /* Active + Hovered */
 @activeHoverBackgroundColor: #DADADA;
 @activeHoverBackgroundImage: none;
 @activeHoverBoxShadow:
-  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
-  0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
+    0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
+    0px 1px 4px 0px rgba(0, 0, 0, 0.1) inset !important
 ;
 @activeHoverColor: @selectedTextColor;
 
 /* Loading */
 @loadingBackgroundColor: #FFFFFF;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Labeled Icon */
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);

package/src/themes/classic/elements/header.variables

@@ -2,11 +2,11 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @headerFont: 'Open Sans', Arial, sans-serif;
 
 @blockBackground: @offWhite @subtleGradient;
-@blockBoxShadow: @subtleShadow;
+@blockBoxShadow: @subtleShadow;

package/src/themes/classic/modules/progress.variables

@@ -6,4 +6,4 @@
 @boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset;
 @barBackground: @subtleGradient #888888;
 @border: 1px solid @borderColor;
-@padding: @relative3px;
+@padding: @relative3px;

package/src/themes/classic/views/card.overrides

@@ -1,9 +1,10 @@
 /*******************************
              Item
 *******************************/
-/*-------------------
+
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Item */
 @background: #FFFFFF;
@@ -15,8 +16,8 @@
 @padding: 0em;
 @width: 300px;
 @boxShadow:
-  0px 0px 0px 1px @borderColor,
-  0px 3px 0px 0px @borderColor
+    0px 0px 0px 1px @borderColor,
+    0px 3px 0px 0px @borderColor
 ;
 @border: none;
 @zIndex: '';
@@ -26,9 +27,9 @@
 @rowSpacing: 2.5em;
 @groupMargin: 1em -@horizontalSpacing;
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Image */
 @imageBackground: @transparentBlack;
@@ -77,22 +78,21 @@
 @extraColor: @lightTextColor;
 @extraTransition: color @defaultDuration @defaultEasing;
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @hoverCursor: pointer;
 @hoverZIndex: 5;
 @hoverBorder: none;
 @hoverBoxShadow:
-  0px 0px 0px 1px @selectedBorderColor,
-  0px 3px 0px 0px @selectedBorderColor
+    0px 0px 0px 1px @selectedBorderColor,
+    0px 3px 0px 0px @selectedBorderColor
 ;
 
-
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Sizes */
-@medium: 1em;
+@medium: 1em;

package/src/themes/classic/views/card.variables

@@ -2,17 +2,17 @@
              Card
 *******************************/
 
-/*-------------------
+/* -------------------
          View
---------------------*/
+-------------------- */
 
 /* Shadow */
 @shadowDistance: 0em;
 @padding: 0em;
 
-/*-------------------
+/* -------------------
        Content
---------------------*/
+-------------------- */
 
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);

package/src/themes/colored/modules/checkbox.variables

@@ -25,5 +25,5 @@
 /* Handle */
 @handleBackground: @white @subtleGradient;
 @handleBoxShadow:
-  0px 0px 0px 1px @selectedBorderColor inset
+    0px 0px 0px 1px @selectedBorderColor inset
 ;

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

@@ -2,9 +2,9 @@
           Breadcrumb
 *******************************/
 
-/*-------------------
+/* -------------------
      Breadcrumb
---------------------*/
+-------------------- */
 
 @verticalMargin: 0;
 @display: inline-block;
@@ -31,8 +31,8 @@
 @invertedActiveColor: @white;
 @invertedDividerColor: @invertedLightTextColor;
 
-/*-------------------
+/* -------------------
        States
---------------------*/
+-------------------- */
 
 @activeFontWeight: @bold;

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

@@ -2,9 +2,9 @@
              Form
 *******************************/
 
-/*-------------------
+/* -------------------
        Elements
---------------------*/
+-------------------- */
 
 /* Form */
 @gutterWidth: 1em;
@@ -36,8 +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;
 
@@ -79,9 +79,9 @@
 @inlinePromptMargin: -0.25em 0 -0.5em 0.5em;
 @inlinePromptBorderWidth: 1px;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Focus */
 @inputFocusPointerSize: 0;
@@ -115,9 +115,9 @@
 @loaderSize: 3em;
 @loaderLineZIndex: 101;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Required */
 @requiredContent: '*';
@@ -134,9 +134,9 @@
 @invertedLabelColor: @invertedTextColor;
 @invertedInputBoxShadow: none;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Grouped Fields */
 @groupedMargin: @fieldMargin;
@@ -167,8 +167,8 @@
 @groupedInlineLabelMargin: 0.035714em 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,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;