less-rails-semantic_ui 1.12.3.0 → 2.0.0.0

data/assets/stylesheets/semantic_ui/themes/default/views/statistic.variables

@@ -6,22 +6,18 @@
          View
 --------------------*/
 
-@display: inline-block;
 @margin: 1em 0em;
 @textAlign: center;
-@maxWidth: 175px;
+@maxWidth: auto;
 
 /* Group */
-@groupDisplay: block;
-@groupMargin: 1em -@horizontalSpacing;
-@horizontalSpacing: 1em;
+@horizontalSpacing: 1.5em;
 @rowSpacing: 2em;
+@groupMargin: 1em -@horizontalSpacing -@rowSpacing;
 
 /* Group Element */
-@elementFloat: left;
-@elementDisplay: block;
 @elementMargin: 0em @horizontalSpacing @rowSpacing;
-@elementMaxWidth: 175px;
+@elementMaxWidth: @maxWidth;
 
 /*-------------------
        Content
@@ -35,18 +31,19 @@
 @valueTextTransform: uppercase;
 
 /* Label */
-@labelSize: 1rem;
+@labelSize: @relativeMedium;
 @topLabelDistance: 0rem;
-@bottomLabelDistance: 0.25rem;
+@bottomLabelDistance: 0rem;
 @labelFont: @headerFont;
-@labelFontWeight: normal;
-@labelColor: @unselectedTextColor;
-@labelLineHeight: 1.33em;
-@labelTextTransform: none;
+@labelFontWeight: bold;
+@labelColor: @textColor;
+@labelLineHeight: @relativeLarge;
+@labelTextTransform: uppercase;
 
 /* Text */
-@textLabelLineHeight: 1em;
-@textLabelMinHeight: 2em;
+@textValueLineHeight: 1em;
+@textValueMinHeight: 2em;
+@textValueFontWeight: bold;
 
 /* Label Image */
 @imageHeight: 3rem;
@@ -68,30 +65,34 @@
 @rightFloatedMargin: 0em 0em 1em 2em;
 
 /* Inverted */
-@invertedValueColor: @invertedTextColor;
-@invertedLabelColor: @invertedLightTextColor;
+@invertedValueColor: @white;
+@invertedLabelColor: @invertedTextColor;
+
+/* Item Width */
+@itemGroupMargin: 0em 0em -@rowSpacing;
+@itemMargin: 0em 0em @rowSpacing;
 
 /* Size */
+@miniTextValueSize: 1rem;
 @miniValueSize: 1.5rem;
-@miniTextLabelSize: 1rem;
 @miniHorizontalValueSize: 1.5rem;
 
+@tinyTextValueSize: 1rem;
 @tinyValueSize: 2rem;
-@tinyTextLabelSize: 1rem;
 @tinyHorizontalValueSize: 2rem;
 
+@smallTextValueSize: 1rem;
 @smallValueSize: 3rem;
-@smallTextLabelSize: 1.5rem;
 @smallHorizontalValueSize: 2rem;
 
+@textValueSize: 2rem;
 @valueSize: 4rem;
-@textLabelSize: 2rem;
 @horizontalValueSize: 3rem;
 
+@largeTextValueSize: 2.5rem;
 @largeValueSize: 5rem;
-@largeTextLabelSize: 2.5rem;
 @largeHorizontalValueSize: 4rem;
 
+@hugeTextValueSize: 2.5rem;
 @hugeValueSize: 6rem;
-@hugeTextLabelSize: 2.5rem;
 @hugeHorizontalValueSize: 5rem;

data/assets/stylesheets/semantic_ui/themes/flat/collections/form.overrides

@@ -18,6 +18,10 @@
   border-bottom: 1px solid #DDDDDD;
   border-radius: 0em !important;
 }
+.ui.form .selection.dropdown > .menu {
+  border-top-width: 1px !important;
+  border-radius: @defaultBorderRadius !important;
+}
 
 .ui.form .ui.icon.input > .icon {
   width: 1em;

data/assets/stylesheets/semantic_ui/themes/flat/collections/form.variables

@@ -14,13 +14,12 @@
 @fieldMargin: 0em 0em 1em;
 
 /* Form Label */
-@labelFontSize: 0.7857em;
+@labelFontSize: @relative11px;
 @labelTextTransform: uppercase;
 
 @groupedLabelTextTransform: none;
 
 /* Input */
-@inputVerticalPadding: 0.7857em;
 @inputHorizontalPadding: 0.5em;
 @inputBackground: transparent;
 @inputBorder: none;

data/assets/stylesheets/semantic_ui/themes/flat/globals/site.variables

@@ -63,6 +63,7 @@
 @linkColor           : #009FDA;
 @linkUnderline       : none;
 @linkHoverColor      : lighten( @linkColor, 5);
+@linkHoverUnderline  : @linkUnderline;
 
 @highlightBackground : #FFFFCC;
 @highlightColor      : @textColor;

data/assets/stylesheets/semantic_ui/themes/github/collections/form.variables

@@ -12,7 +12,7 @@
 @inputBorderRadius: 3px;
 
 @labelFontWeight: bold;
-@labelMargin: 6px;
+@labelDistance: 6px;
 
 /*-------------------
         States

data/assets/stylesheets/semantic_ui/themes/github/collections/menu.variables

@@ -2,29 +2,24 @@
       Collection
 --------------------*/
 
-@verticalPadding       : 1em;
-@horizontalPadding     : 1.25em;
+@itemVerticalPadding: 1em;
+@itemHorizontalPadding: 1.25em;
 
-@background            : #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
-@fontWeight            : normal;
+@background: #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
+@fontWeight: normal;
 
-@activeBorderSize      : 0em;
+@activeBorderSize: 0em;
 
-@hoverBackground       : rgba(0, 0, 0, 0.02);
-@downBackground        : rgba(0, 0, 0, 0.06);
+@hoverBackground: rgba(0, 0, 0, 0.02);
+@downBackground: rgba(0, 0, 0, 0.06);
 
-@activeBackground      : rgba(0, 0, 0, 0.04);
-@activeHoverBackground : rgba(0, 0, 0, 0.04);
+@activeBackground: rgba(0, 0, 0, 0.04);
+@activeHoverBackground: rgba(0, 0, 0, 0.04);
 
-@boxShadow             :
-  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
-  0px 0px 0px 1px rgba(0, 0, 0, 0.05)
-;
 
 @headerBackground: rgba(0, 0, 0, 0.08);
 
-@subMenuMargin: 1em;
-@subMenuFontSize: 0.9rem;
+@subMenuMargin: 0.5em -0.6em 0;
 @subMenuHorizontalPadding: 0.7em;
 
 @arrowHoverColor: #EEEEEE;

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

@@ -31,9 +31,9 @@
   0 1px 3px rgba(0, 0, 0, 0.05)
 ;
 
-@hoverBackgroundColor: '';
+@hoverBackgroundColor: #E0E0E0;
 @hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
-@hoverBoxShadow: '';
+@hoverBoxShadow: @boxShadow;
 
 @downBackgroundColor: '';
 @downBackgroundImage: '';

data/assets/stylesheets/semantic_ui/themes/github/elements/step.variables

@@ -3,12 +3,12 @@
 --------------------*/
 
 /* Step */
-@background: linear-gradient(transparent, rgba(0, 0, 0, 0.07));
+@background: transparent linear-gradient(transparent, rgba(0, 0, 0, 0.07));
 @verticalPadding: 1em;
 
 /* Group */
 @stepsBackground: #FFFFFF;
-@stepsBoxShadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15);
+@stepsBoxShadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.15);
 
 /* States */
 @activeBackground: #FFFFFF;

data/assets/stylesheets/semantic_ui/themes/instagram/views/card.overrides

@@ -0,0 +1,12 @@
+/*******************************
+           Overrides
+*******************************/
+
+
+@import url(http://fonts.googleapis.com/css?family=Montserrat:700,400);
+
+.ui.cards > .card,
+.ui.card {
+  font-family: 'Montserrat';
+  font-size-adjust: 0.5;
+}

data/assets/stylesheets/semantic_ui/themes/instagram/views/card.variables

@@ -0,0 +1,23 @@
+/*******************************
+             Card
+*******************************/
+
+/*-------------------
+         View
+--------------------*/
+
+@borderBoxShadow: none;
+@shadowBoxShadow: none;
+@boxShadow: none;
+
+
+@internalBorderColor: #EDEDEE;
+@border: 1px solid #EDEDEE;
+
+@contentPadding: 14px 20px;
+
+@metaColor: #A5A7AA;
+
+@linkHoverRaiseDistance: 0px;
+@linkHoverBoxShadow: none;
+@linkHoverBorder: 1px solid #D0D0D8;

data/assets/stylesheets/semantic_ui/themes/material/collections/menu.overrides

@@ -0,0 +1 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto);

data/assets/stylesheets/semantic_ui/themes/material/collections/menu.variables

@@ -0,0 +1,10 @@
+/*******************************
+             Menu
+*******************************/
+
+@fontFamily: 'Roboto', Arial, sans-serif;
+@boxShadow: 0px 1px 6px rgba(0, 0, 0, 0.2);
+@dividerSize: 0px;
+
+@itemVerticalPadding: @relativeLarge;
+@itemHorizontaPadding: @relativeLarge;

data/assets/stylesheets/semantic_ui/themes/material/elements/button.overrides

@@ -3,6 +3,7 @@
 .ui.button {
   min-width: 72px;
 }
+.ui.circular.button,
 .ui.buttons .button {
   min-width: 0px;
 }

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

@@ -13,7 +13,7 @@
 
 @verticalPadding   : 0.8em;
 @horizontalPadding : 0.8em;
-@borderRadius      : 0.153846153em;
+@borderRadius      : @relative2px;
 @color             : #222222;
 @fontWeight        : normal;
 @textTransform     : none;
@@ -28,11 +28,11 @@
 @shadowBoxShadow: 0px 0px 0px 0px transparent;
 
 @transition:
-  opacity 0.3s @transitionEasing,
-  background-color 0.3s @transitionEasing,
-  color 0.3s @transitionEasing,
-  box-shadow 0.3s @transitionEasing,
-  background 0.3s @transitionEasing
+  opacity 0.3s @defaultEasing,
+  background-color 0.3s @defaultEasing,
+  color 0.3s @defaultEasing,
+  box-shadow 0.3s @defaultEasing,
+  background 0.3s @defaultEasing
 ;
 /*-------------------
         State
@@ -56,6 +56,7 @@
       Variations
 --------------------*/
 
+/* Basic */
 @basicBorderSize: 0px;
 @basicBorderRadius: 4px;
 @basicColoredBorderSize: 1px;
@@ -67,21 +68,28 @@
 @basicActiveBackground: #FFFFFF;
 @basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
 
+/* Labeled */
 @labeledIconBackgroundColor: transparent;
 @labeledIconWidth: 2em;
 
+/* Colored */
 @coloredBackgroundImage : @subtleGradient;
 @coloredBoxShadow       : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
 
+/* Primary */
 @primaryColor       : #4184F3;
 @primaryBoxShadow   : 0px 0px 0px 1px #0157E4 inset;
 
+/* Secondary */
 @secondaryColor           : #EEEEEE;
 @secondaryBackgroundImage : @backgroundImage;
 @secondaryTextColor       : @textColor;
 @secondaryBoxShadow       : @borderBoxShadow;
 
+/* Emotive */
 @positiveColor: #3D9400;
 @negativeColor: #D34836;
+
+/* Inverted */
 @invertedBorderSize: 1px;
 

data/assets/stylesheets/semantic_ui/themes/material/globals/site.variables

@@ -102,6 +102,7 @@
 @linkColor           : #009FDA;
 @linkUnderline       : none;
 @linkHoverColor      : lighten(@linkColor, 5);
+@linkHoverUnderline  : @linkUnderline;
 
 /*-------------------
   Highlighted Text
@@ -115,5 +116,5 @@
 --------------------*/
 
 /* 4px @ default em */
-@relativeBorderRadius: 0.2857em;
-@absoluteBorderRadius: 2px;
+@relativeBorderRadius: @relative4px;
+@absoluteBorderRadius: 4px;

data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.overrides

@@ -0,0 +1,5 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
+
+.ui.dropdown {
+  font-family: 'Roboto';
+}

data/assets/stylesheets/semantic_ui/themes/material/modules/dropdown.variables

@@ -0,0 +1,20 @@
+/*******************************
+             Menu
+*******************************/
+
+@menuBorderRadius: @borderRadius;
+@menuBorderColor: #DADADA;
+@menuBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+
+@menuPadding: @relative8px 0em;
+@itemVerticalPadding: 1em;
+@itemHorizontalPadding: 1.5em;
+
+@menuHeaderFontSize: @small;
+@menuHeaderFontWeight: bold;
+@menuHeaderTextTransform: none;
+
+@selectionBorderEmWidth: 0em;
+@selectionItemDivider: none;
+
+@labelBoxShadow: none;

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

@@ -19,9 +19,9 @@
 
 /* transition box shadow as well */
 @transition:
-  opacity @transitionDuration @transitionEasing,
-  background-color @transitionDuration @transitionEasing,
-  box-shadow @transitionDuration @transitionEasing,
-  color @transitionDuration @transitionEasing,
-  background @transitionDuration @transitionEasing
+  opacity @defaultDuration @defaultEasing,
+  background-color @defaultDuration @defaultEasing,
+  box-shadow @defaultDuration @defaultEasing,
+  color @defaultDuration @defaultEasing,
+  background @defaultDuration @defaultEasing
 ;

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

@@ -22,7 +22,7 @@
 /* Icon */
 @iconOpacity: 0.8;
 @iconDistance: 0.4em;
-@iconTransition: opacity @transitionDuration @transitionEasing;
+@iconTransition: opacity @defaultDuration @defaultEasing;
 @iconMargin: 0em @iconDistance 0em -(@iconDistance / 2);
 @iconVerticalAlign: top;
 

data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.overrides

@@ -9,6 +9,10 @@
   border-left-color: transparent;
 }
 
+.ui.feed > .event > .label {
+  margin-left: 1.6em;
+}
+
 .ui.feed > .event > .label > img,
 .ui.feed > .event > .label > .icon {
   background-color: #009FDA;
@@ -21,15 +25,3 @@
   opacity: 1;
   position: relative;
 }
-
-.ui.feed > .event > .content {
-  display: block;
-  border-left: 3px solid #ddd;
-  padding-bottom: 2em;
-  padding-left: 4em;
-}
-.ui.feed > .event > .label + .content {
-  display: table-cell;
-  border-left: medium none;
-  margin-left: 0;
-}

data/assets/stylesheets/semantic_ui/themes/timeline/views/feed.variables

@@ -6,15 +6,15 @@
       Elements
 --------------------*/
 
-@eventMargin: 0em 0em 0em 2em;
+@eventMargin: 0em;
 @eventDivider: none;
 @eventPadding: 0em;
 
 /* Event Label */
 @labelWidth: 3em;
-@labelHeight: 3em;
+@labelHeight: auto;
 
-@labeledContentPadding: 0.75em 0em 2em 0.75em;
+@labeledContentMargin: 0.75em 0em 2em 0.75em;
 
 /* Icon */
 @iconLabelBackground: @primaryColor;
@@ -34,7 +34,3 @@
 /*-------------------
       Variations
 --------------------*/
-
-/* Size */
-@small: 0.9em;
-@medium: 1em;