fomantic-ui 2.9.1-beta.3 → 2.9.1-beta.31

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
+*******************************/

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

@@ -2,9 +2,9 @@
              Table
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 @verticalMargin: 1em;
 @horizontalMargin: 0;
@@ -13,9 +13,8 @@
 @borderSpacing: 0;
 @borderRadius: @defaultBorderRadius;
 @transition:
-  background @defaultDuration @defaultEasing,
-  color @defaultDuration @defaultEasing
-;
+    background @defaultDuration @defaultEasing,
+    color @defaultDuration @defaultEasing;
 @background: @white;
 @color: @textColor;
 @borderWidth: 1px;
@@ -24,9 +23,9 @@
 @textAlign: left;
 @verticalAlign: middle;
 
-/*--------------
+/* --------------
      Parts
----------------*/
+--------------- */
 
 /* Table Row */
 @rowBorder: 1px solid @internalBorderColor;
@@ -78,9 +77,9 @@
 @responsiveCellBoxShadow: none;
 @responsiveCellHeaderFontWeight: @bold;
 
-/*-------------------
+/* -------------------
        Types
---------------------*/
+-------------------- */
 
 /* Definition */
 @definitionPageBackground: @white;
@@ -97,21 +96,20 @@
 @definitionColumnFontWeight: @bold;
 @definitionColumnColor: @selectedTextColor;
 @definitionColumnFontSize: @relativeMedium;
-@definitionColumnTextTransform: '';
-@definitionColumnBoxShadow: '';
-@definitionColumnTextAlign: '';
-@definitionColumnHorizontalPadding: '';
+@definitionColumnTextTransform: "";
+@definitionColumnBoxShadow: "";
+@definitionColumnTextAlign: "";
+@definitionColumnHorizontalPadding: "";
 
-
-/*--------------
+/* --------------
     Couplings
----------------*/
+--------------- */
 
 @iconVerticalAlign: baseline;
 
-/*--------------
+/* --------------
      States
----------------*/
+--------------- */
 
 @stateMarkerWidth: 0;
 
@@ -145,21 +143,21 @@
 @warningBackgroundHover: darken(@warningBackgroundColor, 3);
 @warningColorHover: darken(@warningColor, 3);
 @invertedWarningColor: @warningTextColor;
-@invertedWarningBackgroundColor: #EEC97E;
+@invertedWarningBackgroundColor: #eec97e;
 
 /* Active */
 @activeColor: @textColor;
-@activeBackgroundColor: #E0E0E0;
+@activeBackgroundColor: #e0e0e0;
 @activeBoxShadow: @stateMarkerWidth 0 0 @activeColor inset;
 @invertedActiveColor: @textColor;
-@invertedActiveBackgroundColor: #A0A0A0;
+@invertedActiveBackgroundColor: #a0a0a0;
 
-@activeBackgroundHover: #EFEFEF;
+@activeBackgroundHover: #efefef;
 @activeColorHover: @selectedTextColor;
 
-/*--------------
+/* --------------
      Types
----------------*/
+--------------- */
 
 /* Attached */
 @attachedTopOffset: 0;
@@ -169,9 +167,8 @@
 @attachedBoxShadow: none;
 @attachedBorder: @borderWidth solid @solidBorderColor;
 @attachedBottomBoxShadow:
-  @boxShadow,
-  @attachedBoxShadow
-;
+    @boxShadow,
+    @attachedBoxShadow;
 
 /* Striped */
 @stripedBackground: rgba(0, 0, 50, 0.02);
@@ -184,16 +181,16 @@
 @selectableInvertedTextColor: @invertedSelectedTextColor;
 
 /* Sortable */
-@sortableBackground: '';
+@sortableBackground: "";
 @sortableColor: @textColor;
 
 @sortableBorder: 1px solid @borderColor;
 @sortableIconWidth: auto;
 @sortableIconDistance: 0.5em;
 @sortableIconOpacity: 0.8;
-@sortableIconFont: 'Icons';
-@sortableIconAscending: '\f0d8';
-@sortableIconDescending: '\f0d7';
+@sortableIconFont: "Icons";
+@sortableIconAscending: "\f0d8";
+@sortableIconDescending: "\f0d7";
 @sortableDisabledColor: @disabledTextColor;
 
 @sortableHoverBackground: @transparentBlack;
@@ -217,7 +214,7 @@
 @coloredBorderSizeCover: (@coloredBorderSize / 2);
 
 /* Inverted */
-@invertedBackground: #333333;
+@invertedBackground: #333;
 @invertedBorder: none;
 @invertedCellBorder: 1px solid @whiteBorderColor;
 @invertedCellBorderColor: @whiteBorderColor;
@@ -246,7 +243,7 @@
 @basicTableCellBackground: transparent;
 @basicTableHeaderDivider: none;
 @basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1);
-@basicTableCellPadding: '';
+@basicTableCellPadding: "";
 @basicTableStripedBackground: @transparentBlack;
 
 /* Padded */
@@ -295,7 +292,6 @@
 @overflowingComputerMaxHeight: (@overflowingItemHeight * @overflowingComputerMaxItems);
 @overflowingWidescreenMaxHeight: (@overflowingItemHeight * @overflowingWidescreenMaxItems);
 
-
 /* Sizes */
 @small: 0.9em;
 @medium: 1em;

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

@@ -2,14 +2,14 @@
             Button
 *******************************/
 
-/*-------------------
+/* -------------------
        Element
---------------------*/
+-------------------- */
 
 /* Button */
 @verticalMargin: 0;
 @horizontalMargin: 0.25em;
-@backgroundColor: #E0E1E2;
+@backgroundColor: #e0e1e2;
 @backgroundImage: none;
 @background: @backgroundColor @backgroundImage;
 @lineHeight: 1em;
@@ -39,15 +39,14 @@
 @borderBoxShadowWidth: 1px;
 @borderBoxShadow: 0 0 0 @borderBoxShadowWidth @borderBoxShadowColor inset;
 @boxShadow:
-  @borderBoxShadow,
-  @shadowBoxShadow
-;
+    @borderBoxShadow,
+    @shadowBoxShadow;
 
 /* Icon */
 @iconHeight: auto;
 @iconOpacity: 0.8;
 @iconDistance: @relative6px;
-@iconColor: '';
+@iconColor: "";
 @iconTransition: opacity @defaultDuration @defaultEasing;
 @iconVerticalAlign: baseline;
 
@@ -58,33 +57,33 @@
 @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;
 @verticalBoxShadow: none;
-@groupButtonOffset: 0 0 0 0;
-@verticalGroupOffset: 0 0 0 0;
+@groupButtonOffset: 0;
+@verticalGroupOffset: 0;
 
-/*-------------------
+/* -------------------
         States
---------------------*/
+-------------------- */
 
 /* Hovered */
-@hoverBackgroundColor: #CACBCD;
+@hoverBackgroundColor: #cacbcd;
 @hoverBackgroundImage: @backgroundImage;
 @hoverBoxShadow: @boxShadow;
 @hoverColor: @hoveredTextColor;
@@ -93,7 +92,7 @@
 /* Focused */
 @focusBackgroundColor: @hoverBackgroundColor;
 @focusBackgroundImage: none;
-@focusBoxShadow: '';
+@focusBoxShadow: "";
 @focusColor: @hoveredTextColor;
 @iconFocusOpacity: 0.85;
 
@@ -102,17 +101,16 @@
 @disabledBoxShadow: none;
 
 /* Pressed Down */
-@downBackgroundColor: #BABBBC;
-@downBackgroundImage: '';
+@downBackgroundColor: #babbbc;
+@downBackgroundImage: "";
 @downPressedShadow: none;
 @downBoxShadow:
-  @borderBoxShadow,
-  @downPressedShadow
-;
+    @borderBoxShadow,
+    @downPressedShadow;
 @downColor: @pressedTextColor;
 
 /* Active */
-@activeBackgroundColor: #C0C1C2;
+@activeBackgroundColor: #c0c1c2;
 @activeBackgroundImage: none;
 @activeColor: @selectedTextColor;
 @activeBoxShadow: @borderBoxShadow;
@@ -127,16 +125,15 @@
 @loadingOpacity: 1;
 @loadingPointerEvents: auto;
 @loadingTransition:
-  all 0s linear,
-  opacity @defaultDuration @defaultEasing
-;
+    all 0s linear,
+    opacity @defaultDuration @defaultEasing;
 
-/*-------------------
+/* -------------------
         Types
---------------------*/
+-------------------- */
 
 /* Or */
-@orText: 'or';
+@orText: "or";
 
 @orGap: 0.3em;
 @orHeight: (@verticalPadding * 2) + 1em;
@@ -156,7 +153,6 @@
 @orTextWeight: @bold;
 @orTextColor: @lightTextColor;
 
-
 @orSpacerHeight: @verticalPadding;
 @orSpacerColor: transparent;
 
@@ -166,7 +162,7 @@
 /* Labeled */
 @labeledLabelFontSize: @medium;
 @labeledLabelAlign: center;
-@labeledLabelPadding: '';
+@labeledLabelPadding: "";
 @labeledLabelFontSize: @relativeMedium;
 @labeledLabelBorderColor: @borderColor;
 @labeledLabelBorderOffset: -@borderBoxShadowWidth;
@@ -178,12 +174,11 @@
 @labeledIconBackgroundColor: rgba(0, 0, 0, 0.05);
 @labeledIconPadding: (@horizontalPadding + @labeledIconWidth);
 @labeledIconBorder: transparent;
-@labeledIconColor: '';
+@labeledIconColor: "";
 
 @labeledIconLeftShadow: -1px 0 0 0 @labeledIconBorder inset;
 @labeledIconRightShadow: 1px 0 0 0 @labeledIconBorder inset;
 
-
 /* Inverted */
 @invertedBorderSize: 2px;
 @invertedTextColor: @white;
@@ -205,27 +200,27 @@
 @basicTextTransform: none;
 
 /* Basic Hover */
-@basicHoverBackground: #FFFFFF;
+@basicHoverBackground: #fff;
 @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;
 @basicFocusBoxShadow: @basicHoverBoxShadow;
 
 /* Basic Down */
-@basicDownBackground: #F8F8F8;
+@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: '';
+@basicActiveBoxShadow: "";
 @basicActiveTextColor: @selectedTextColor;
 
 /* Basic Inverted */
@@ -245,14 +240,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 +277,9 @@
 @tertiaryActiveWithOverline: false;
 @tertiaryActiveBackgroundColor: none;
 
-/*-------------------
+/* -------------------
       Variations
---------------------*/
+-------------------- */
 
 /* Colors */
 @coloredBackgroundImage: none;
@@ -347,7 +341,6 @@
 @lightGreyTextColor: @textColor;
 @lightGreyTextShadow: @textShadow;
 
-
 /* Ordinality */
 @primaryBackgroundImage: @coloredBackgroundImage;
 @primaryTextColor: @invertedTextColor;