less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/themes/default/collections/message.variables

@@ -9,35 +9,33 @@
 --------------------*/
 
 @verticalMargin: 1em;
-
 @verticalPadding: 1em;
 @horizontalPadding: 1.5em;
-
-@background: #EFEFEF;
-@lineHeight: 1.3;
+@background: #F8F8F9;
 @lineHeightOffset: ((@lineHeight - 1em) / 2);
 
 @borderRadius: @defaultBorderRadius;
 @borderWidth: 1px;
-@borderShadow: 0px 0px 0px @borderWidth @borderColor inset;
-@shadowShadow: 0px 0px 0px 0px transparent;
+@borderShadow: 0px 0px 0px @borderWidth @strongBorderColor inset;
+@shadowShadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
 @boxShadow:
   @borderShadow,
   @shadowShadow
 ;
 
 @transition:
-  opacity 0.2s ease,
-  color 0.2s ease,
-  background 0.2s ease,
-  box-shadow 0.2s ease
+  opacity @defaultDuration @defaultEasing,
+  color @defaultDuration @defaultEasing,
+  background @defaultDuration @defaultEasing,
+  box-shadow @defaultDuration @defaultEasing
 ;
 
 /* Header */
-@headerFontSize: 1.1em;
+@headerFontSize: @relativeLarge;
 @headerFontWeight: bold;
 @headerDisplay: block;
-@headerDistance: 0.5rem;
+@headerDistance: 0rem;
+@headerMargin: -@headerLineHeightOffset 0em @headerDistance 0em;
 @headerParagraphDistance: 0.25em;
 
 /* Paragraph */
@@ -55,9 +53,10 @@
 @iconDistance: 0.6em;
 
 /* Close Icon */
-@closeTopDistance: (1em + @lineHeightOffset);
+@closeTopDistance: @verticalPadding - @lineHeightOffset;
 @closeRightDistance: 0.5em;
 @closeOpacity: 0.7;
+@closeTransition: opacity @defaultDuration @defaultEasing;
 
 
 /*-------------------
@@ -67,22 +66,46 @@
 /* Icon Message */
 @iconSize: 3em;
 @iconOpacity: 0.8;
-@iconContentDistance: 1.5rem;
+@iconContentDistance: 0rem;
 @iconVerticalAlign: middle;
-@circularIconContentDistance: 2em;
 
 /* Attached */
 @attachedXOffset: -1px;
 @attachedYOffset: -1px;
-@attachedBoxShadow: 0em 0em 0em @borderWidth rgba(0, 0, 0, 0.1) inset;
+@attachedBoxShadow: 0em 0em 0em @borderWidth @borderColor inset;
 @attachedBottomBoxShadow:
   @attachedBoxShadow,
   @subtleShadow
 ;
 
 /* Floating */
-@floatingShadow: 0 1px 4px 0 rgba(0, 0, 0, 0.15);
 @floatingBoxShadow:
-  @floatingShadow,
-  @borderShadow
+  @borderShadow,
+  @floatingShadow
+;
+
+/* Warning / Positive / Negative / Info */
+@positiveBoxShadow:
+  0px 0px 0px @borderWidth @positiveBorderColor inset,
+  @shadowShadow
+;
+@negativeBoxShadow:
+  0px 0px 0px @borderWidth @negativeBorderColor inset,
+  @shadowShadow
 ;
+@infoBoxShadow:
+  0px 0px 0px @borderWidth @infoBorderColor inset,
+  @shadowShadow
+;
+@warningBoxShadow:
+  0px 0px 0px @borderWidth @warningBorderColor inset,
+  @shadowShadow
+;
+@errorBoxShadow:
+  0px 0px 0px @borderWidth @errorBorderColor inset,
+  @shadowShadow
+;
+@successBoxShadow:
+  0px 0px 0px @borderWidth @successBorderColor inset,
+  @shadowShadow
+;

data/assets/stylesheets/semantic_ui/themes/default/collections/table.overrides

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

data/assets/stylesheets/semantic_ui/themes/default/collections/table.variables

@@ -6,65 +6,45 @@
        Element
 --------------------*/
 
-@margin: 1em 0em;
+@verticalMargin: 1em;
+@horizontalMargin: 0em;
+@margin: @verticalMargin @horizontalMargin;
 @borderCollapse: separate;
 @borderSpacing: 0px;
+@borderRadius: @defaultBorderRadius;
 @transition:
-  background @transitionDuration @transitionEasing,
-  border-color @transitionDuration @transitionEasing,
-  color @transitionDuration @transitionEasing
+  background @defaultDuration @defaultEasing,
+  color @defaultDuration @defaultEasing
 ;
-@borderRadius: 0.25rem;
-@background: #FFFFFF;
+@background: @white;
 @color: @textColor;
 @borderWidth: 1px;
-@borderColor: #D0D0D0;
 @border: @borderWidth solid @borderColor;
 @boxShadow: none;
 @textAlign: left;
 
-/*-------------------
-       Types
---------------------*/
-
-/* Definition */
-@definitionPageBackground: @white;
-
-@definitionHeaderBackground: transparent;
-@definitionHeaderColor: @unselectedTextColor;
-@definitionHeaderFontWeight: normal;
-
-@definitionFooterBackground: @definitionHeaderBackground;
-@definitionFooterColor: @definitionHeaderColor;
-@definitionFooterFontWeight: @definitionHeaderFontWeight;
-
-@definitionColumnBackground: @subtleTransparentBlack;
-@definitionColumnColor: @selectedTextColor;
-@definitionColumnFontWeight: bold;
-
-
 /*--------------
      Parts
 ---------------*/
 
 /* Table Row */
-@rowBorder: 1px solid @solidBorderColor;
+@rowBorder: 1px solid @internalBorderColor;
 
 /* Table Cell */
-@cellVerticalPadding: 0.7em;
-@cellHorizontalPadding: 0.8em;
-@cellVerticalAlign: middle;
-@cellTextAlign: @textAlign;
-@cellBorder: 1px solid @solidBorderColor;
+@cellVerticalPadding: @relativeMini;
+@cellHorizontalPadding: @relativeMini;
+@cellVerticalAlign: inherit;
+@cellTextAlign: inherit;
+@cellBorder: 1px solid @internalBorderColor;
 
 /* Table Header */
-@headerBorder: 1px solid @solidBorderColor;
+@headerBorder: 1px solid @internalBorderColor;
 @headerDivider: none;
-@headerBackground: @darkWhite;
-@headerAlign: @textAlign;
-@headerVerticalAlign: middle;
+@headerBackground: @offWhite;
+@headerAlign: inherit;
+@headerVerticalAlign: inherit;
 @headerColor: @textColor;
-@headerVerticalPadding: @cellVerticalPadding;
+@headerVerticalPadding: @relativeSmall;
 @headerHorizontalPadding: @cellHorizontalPadding;
 @headerFontStyle: none;
 @headerFontWeight: bold;
@@ -73,10 +53,10 @@
 
 /* Table Footer */
 @footerBoxShadow: none;
-@footerBorder: 1px solid @solidBorderColor;
+@footerBorder: 1px solid @borderColor;
 @footerDivider: none;
-@footerBackground: @white;
-@footerAlign: @textAlign;
+@footerBackground: @offWhite;
+@footerAlign: inherit;
 @footerVerticalAlign: middle;
 @footerColor: @textColor;
 @footerVerticalPadding: @cellVerticalPadding;
@@ -93,7 +73,26 @@
 @responsiveCellVerticalPadding: 0.25em;
 @responsiveCellHorizontalPadding: 0.75em;
 @responsiveCellBoxShadow: none !important;
-@responsiveStatusColor: transparent;
+
+/*-------------------
+       Types
+--------------------*/
+
+/* Definition */
+@definitionPageBackground: @white;
+
+@definitionHeaderBackground: transparent;
+@definitionHeaderColor: @unselectedTextColor;
+@definitionHeaderFontWeight: normal;
+
+@definitionFooterBackground: @definitionHeaderBackground;
+@definitionFooterColor: @definitionHeaderColor;
+@definitionFooterFontWeight: @definitionHeaderFontWeight;
+
+@definitionColumnBackground: @subtleTransparentBlack;
+@definitionColumnColor: @selectedTextColor;
+@definitionColumnFontWeight: bold;
+
 
 /*--------------
     Couplings
@@ -101,7 +100,6 @@
 
 @iconVerticalAlign: baseline;
 
-
 /*--------------
      States
 ---------------*/
@@ -115,29 +113,30 @@
 @positiveColorHover: darken(@positiveColor, 3);
 
 /* Negative */
-@negativeColor: #CD2929;
+@negativeColor: @negativeTextColor;
 @negativeBoxShadow: @stateMarkerWidth 0px 0px @negativeBorderColor inset;
 @negativeBackgroundHover: darken(@negativeBackgroundColor, 3);
 @negativeColorHover: darken(@negativeColor, 3);
 
 /* Error */
-@errorColor: #CD2929;
+@errorColor: @errorTextColor;
 @errorBoxShadow: @stateMarkerWidth 0px 0px @errorBorderColor inset;
 @errorBackgroundHover: darken(@errorBackgroundColor, 3);
 @errorColorHover: darken(@errorColor, 3);
 
 /* Warning */
-@warningColor: #7D6C00;
+@warningColor: @warningTextColor;
 @warningBoxShadow: @stateMarkerWidth 0px 0px @warningBorderColor inset;
 @warningBackgroundHover: darken(@warningBackgroundColor, 3);
 @warningColorHover: darken(@warningColor, 3);
 
 /* Active */
-@activeColor: rgba(50, 50, 50, 0.9);
+@activeColor: @textColor;
 @activeBackgroundColor: #E0E0E0;
 @activeBoxShadow: @stateMarkerWidth 0px 0px @activeColor inset;
+
 @activeBackgroundHover: #EFEFEF;
-@activeColorHover: rgba(50, 50, 50, 1);
+@activeColorHover: @selectedTextColor;
 
 /*--------------
      Types
@@ -149,20 +148,26 @@
 @attachedTableWidth: ~"calc(100% + "@attachedHorizontalOffset * -2~")";
 
 /* Striped */
-@stripedBackground: rgba(0, 0, 50, 0.03);
-@invertedStripedBackground: rgba(255, 255, 255, 0.06);
+@stripedBackground: rgba(0, 0, 50, 0.02);
+@invertedStripedBackground: rgba(255, 255, 255, 0.05);
+
+/* Selectable */
+@selectableBackground: @transparentBlack;
+@selectableTextColor: @selectedTextColor;
+@selectableInvertedBackground: @transparentWhite;
+@selectableInvertedTextColor: @invertedSelectedTextColor;
 
 /* Sortable */
 @sortableBackground: '';
 @sortableColor: @textColor;
 
 @sortableBorder: 1px solid @borderColor;
-@sortableIconWidth: 1em;
+@sortableIconWidth: auto;
 @sortableIconDistance: 0.5em;
 @sortableIconOpacity: 0.8;
 @sortableIconFont: 'Icons';
-@sortableIconAscending: '\f0d7';
-@sortableIconDescending: '\f0d8';
+@sortableIconAscending: '\f0d8';
+@sortableIconDescending: '\f0d7';
 @sortableDisabledColor: @disabledTextColor;
 
 @sortableHoverBackground: @transparentBlack;
@@ -187,10 +192,10 @@
 /* Inverted */
 @invertedBackground: #333333;
 @invertedBorder: none;
-@invertedCellBorderColor: rgba(0, 0, 0, 0.2);
+@invertedCellBorderColor: @whiteBorderColor;
 @invertedCellColor: @invertedTextColor;
-@invertedHeaderBackground: rgba(0, 0, 0, 0.15);
-@invertedHeaderColor: rgba(255, 255, 255, 0.9);
+@invertedHeaderBackground: @veryStrongTransparentBlack;
+@invertedHeaderColor: @invertedTextColor;
 
 @invertedDefinitionColumnBackground: @subtleTransparentWhite;
 @invertedDefinitionColumnColor: @invertedSelectedTextColor;
@@ -198,15 +203,14 @@
 
 /* Basic */
 @basicTableBackground: transparent;
-@basicTableBorder: 1px solid @borderColor;
+@basicTableBorder: @borderWidth solid @borderColor;
 @basicBoxShadow: none;
 
 @basicTableHeaderBackground: transparent;
 @basicTableCellBackground: transparent;
 @basicTableHeaderDivider: none;
 @basicTableCellBorder: 1px solid rgba(0, 0, 0, 0.1);
-@basicTableCellVerticalPadding: @cellVerticalPadding;
-@basicTableCellHorizontalPadding: @cellHorizontalPadding;
+@basicTableCellPadding: '';
 @basicTableStripedBackground: @transparentBlack;
 
 /* Padded */

data/assets/stylesheets/semantic_ui/themes/default/elements/button.variables

@@ -6,15 +6,19 @@
        Element
 --------------------*/
 
+/* Button */
 @verticalMargin: 0em;
 @horizontalMargin: 0.25em;
-
-/* Style */
-@backgroundColor: #E0E0E0;
+@backgroundColor: #E0E1E2;
 @backgroundImage: none;
-@verticalPadding: 0.78571em;
+@background: @backgroundColor @backgroundImage;
+@lineHeight: 1em;
+
+/* Button defaults to using same height as input globally */
+@verticalPadding: @inputVerticalPadding;
 @horizontalPadding: 1.5em;
 
+
 /* Text */
 @textTransform: none;
 @tapColor: transparent;
@@ -41,27 +45,25 @@
 ;
 
 /* Icon */
+@iconHeight: @relativeSmall;
 @iconOpacity: 0.8;
-@iconDistance: 0.4em;
+@iconDistance: @relative6px;
 @iconColor: '';
-@iconTransition: opacity @transitionDuration @transitionEasing;
-@iconVerticalAlign: baseline;
+@iconTransition: opacity @defaultDuration @defaultEasing;
+@iconVerticalAlign: '';
 
 @iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
 @rightIconMargin: 0em -(@iconDistance / 2) 0em @iconDistance;
 
 /* Loader */
-@loaderSize: 1.2857em;
-@loaderOffset: -(@loaderSize / 2);
-@loaderMargin: @loaderOffset 0em 0em @loaderOffset;
 @invertedLoaderFillColor: rgba(0, 0, 0, 0.15);
 
 @transition:
-  opacity 0.1s @transitionEasing,
-  background-color 0.1s @transitionEasing,
-  color 0.1s @transitionEasing,
-  box-shadow 0.1s @transitionEasing,
-  background 0.1s @transitionEasing
+  opacity @defaultDuration @defaultEasing,
+  background-color @defaultDuration @defaultEasing,
+  color @defaultDuration @defaultEasing,
+  box-shadow @defaultDuration @defaultEasing,
+  background @defaultDuration @defaultEasing
 ;
 /*
 @willChange: box-shadow, transform, opacity, color, background;
@@ -83,27 +85,23 @@
 --------------------*/
 
 /* Hovered */
-@hoverBackgroundColor: #E8E8E8;
-@hoverBackgroundImage: none;
-@hoverBoxShadow: '';
+@hoverBackgroundColor: #CACBCD;
+@hoverBackgroundImage: @backgroundImage;
+@hoverBoxShadow: @boxShadow;
 @hoverColor: @hoveredTextColor;
 @iconHoverOpacity: 0.85;
 
 /* Focused */
-@focusBackgroundColor: '';
+@focusBackgroundColor: @hoverBackgroundColor;
 @focusBackgroundImage: '';
-@focusBoxShadow:
-  @borderBoxShadow,
-  0px 0px 1px rgba(81, 167, 232, 0.8) inset,
-  0px 0px 3px 2px rgba(81, 167, 232, 0.8)
-;
+@focusBoxShadow: '';
 @focusColor: @hoveredTextColor;
 @iconFocusOpacity: 0.85;
 
 /* Pressed Down */
-@downBackgroundColor: #CCCCCC;
+@downBackgroundColor: #BABBBC;
 @downBackgroundImage: '';
-@downPressedShadow: 0px 1px 4px 0px @borderColor inset !important;
+@downPressedShadow: none;
 @downBoxShadow:
   @borderBoxShadow,
   @downPressedShadow
@@ -111,7 +109,7 @@
 @downColor: @pressedTextColor;
 
 /* Active */
-@activeBackgroundColor: #D0D0D0;
+@activeBackgroundColor: #C0C1C2;
 @activeBackgroundImage: none;
 @activeColor: @selectedTextColor;
 @activeBoxShadow: @borderBoxShadow;
@@ -124,10 +122,10 @@
 
 /* Loading */
 @loadingOpacity: 1;
-@loadingPointerEvents: none;
+@loadingPointerEvents: auto;
 @loadingTransition:
   all 0s linear,
-  opacity @transitionDuration @defaultEasing
+  opacity @defaultDuration @defaultEasing
 ;
 
 /*-------------------
@@ -139,6 +137,7 @@
 
 @orGap: 0.3em;
 @orHeight: (@verticalPadding * 2) + 1em;
+@orZIndex: 3;
 
 @orCircleDistanceToEdge: (@verticalPadding);
 @orCircleSize: @orHeight - @orCircleDistanceToEdge;
@@ -184,20 +183,25 @@
 @basicTextColor: @textColor;
 @basicColoredBorderSize: 2px;
 
-@basicBackground: transparent;
+@basicBackground: transparent none;
 @basicFontWeight: normal;
+@basicBorder: 1px solid @borderColor;
 @basicBoxShadow: 0px 0px 0px @basicBorderSize @borderColor inset;
-@iconOffset: 0.05em;
 @basicLoadingColor: @offWhite;
 @basicTextTransform: none;
 
 /* Basic Hover */
-@basicHoverBackground: #FAFAFA;
+@basicHoverBackground: #FFFFFF;
 @basicHoverTextColor: @hoveredTextColor;
 @basicHoverBoxShadow:
-  0px 0px 0px @basicBorderSize @borderColor inset,
+  0px 0px 0px @basicBorderSize @selectedBorderColor inset,
   0px 0px 0px 0px @borderColor inset
 ;
+/* Basic Focus */
+@basicFocusBackground: @basicHoverBackground;
+@basicFocusTextColor: @basicHoverTextColor;
+@basicFocusBoxShadow: @basicHoverBoxShadow;
+
 /* Basic Down */
 @basicDownBackground: #F8F8F8;
 @basicDownTextColor: @pressedTextColor;
@@ -212,12 +216,13 @@
 
 /* Basic Inverted */
 @basicInvertedBackground: transparent;
-@basicInvertedHoverBackground: transparent;
+@basicInvertedFocusBackground: transparent;
 @basicInvertedDownBackground: @transparentWhite;
 @basicInvertedActiveBackground: @transparentWhite;
 
 @basicInvertedBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.5) inset;
 @basicInvertedHoverBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset;
+@basicInvertedFocusBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 1) inset;
 @basicInvertedDownBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.9) inset;
 @basicInvertedActiveBoxShadow: 0px 0px 0px @invertedBorderSize rgba(255, 255, 255, 0.7) inset;
 
@@ -229,7 +234,7 @@
 
 /* Basic Group */
 @basicGroupBorder: @basicBorderSize solid @borderColor;
-@basicGroupBoxShadow: 0px 0px 0px @basicBorderSize @borderColor;
+@basicGroupBoxShadow: none;
 
 /*-------------------
       Variations
@@ -239,28 +244,61 @@
 @coloredBackgroundImage: none;
 @coloredBoxShadow: @shadowBoxShadow;
 
-/* Inverted by default for solids */
-@blueTextColor: @invertedTextColor;
-@blueTextShadow: @invertedTextShadow;
-@greenTextColor: @invertedTextColor;
-@greenTextShadow: @invertedTextShadow;
-@greyTextColor: @invertedTextColor;
-@greyTextShadow: @invertedTextShadow;
+/* Colored */
+@brownTextColor: @invertedTextColor;
+@brownTextShadow: @invertedTextShadow;
+@redTextColor: @invertedTextColor;
+@redTextShadow: @invertedTextShadow;
 @orangeTextColor: @invertedTextColor;
 @orangeTextShadow: @invertedTextShadow;
-@pinkTextColor: @invertedTextColor;
-@pinkTextShadow: @invertedTextShadow;
+@greenTextColor: @invertedTextColor;
+@greenTextShadow: @invertedTextShadow;
+@blueTextColor: @invertedTextColor;
+@blueTextShadow: @invertedTextShadow;
+@violetTextColor: @invertedTextColor;
+@violetTextShadow: @invertedTextShadow;
 @purpleTextColor: @invertedTextColor;
 @purpleTextShadow: @invertedTextShadow;
-@redTextColor: @invertedTextColor;
-@redTextShadow: @invertedTextShadow;
-@tealTextColor: @invertedTextColor;
-@tealTextShadow: @invertedTextShadow;
+@pinkTextColor: @invertedTextColor;
+@pinkTextShadow: @invertedTextShadow;
+@blackTextColor: @invertedTextColor;
+@blackTextShadow: @invertedTextShadow;
+@oliveTextColor: @invertedTextColor;
+@oliveTextShadow: @invertedTextShadow;
 @yellowTextColor: @invertedTextColor;
 @yellowTextShadow: @invertedTextShadow;
+@tealTextColor: @invertedTextColor;
+@tealTextShadow: @invertedTextShadow;
+@greyTextColor: @invertedTextColor;
+@greyTextShadow: @invertedTextShadow;
 
-@blackTextColor: @invertedTextColor;
-@blackTextShadow: @invertedTextShadow;
+/* Inverted */
+@lightBrownTextColor: @invertedTextColor;
+@lightBrownTextShadow: @invertedTextShadow;
+@lightRedTextColor: @invertedTextColor;
+@lightRedTextShadow: @invertedTextShadow;
+@lightOrangeTextColor: @invertedTextColor;
+@lightOrangeTextShadow: @invertedTextShadow;
+@lightGreenTextColor: @invertedTextColor;
+@lightGreenTextShadow: @invertedTextShadow;
+@lightBlueTextColor: @invertedTextColor;
+@lightBlueTextShadow: @invertedTextShadow;
+@lightVioletTextColor: @invertedTextColor;
+@lightVioletTextShadow: @invertedTextShadow;
+@lightPurpleTextColor: @invertedTextColor;
+@lightPurpleTextShadow: @invertedTextShadow;
+@lightPinkTextColor: @invertedTextColor;
+@lightPinkTextShadow: @invertedTextShadow;
+@lightBlackTextColor: @invertedTextColor;
+@lightBlackTextShadow: @invertedTextShadow;
+@lightOliveTextColor: @textColor;
+@lightOliveTextShadow: @textShadow;
+@lightYellowTextColor: @textColor;
+@lightYellowTextShadow: @textShadow;
+@lightTealTextColor: @textColor;
+@lightTealTextShadow: @textShadow;
+@lightGreyTextColor: @textColor;
+@lightGreyTextShadow: @textShadow;
 
 
 /* Ordinality */
@@ -282,12 +320,14 @@
 @attachedOffset: -1px;
 @attachedBoxShadow: 0px 0px 0px 1px @borderColor;
 @attachedHorizontalPadding: 0.75em;
+@attachedZIndex: 2;
 
 /* Floated */
 @floatedMargin: 0.25em;
 
 /* Animated */
 @animatedVerticalAlign: middle;
+@animatedZIndex: 1;
 @animationDuration: 0.3s;
 @animationEasing: ease;
 @fadeScaleHigh: 1.5;