less-rails-semantic_ui 1.0.1.0

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

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

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

@@ -0,0 +1,106 @@
+/*******************************
+         Site Settings
+*******************************/
+
+/*-------------------
+        Paths
+--------------------*/
+
+@imagePath : "semantic_ui/themes/default/assets/images";
+@fontPath  : "semantic_ui/themes/default/assets/fonts";
+
+/*-------------------
+       Fonts
+--------------------*/
+
+@headerFont    : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@pageFont      : "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
+@fontSmoothing : antialiased;
+
+/*-------------------
+      Site Colors
+--------------------*/
+
+/*---  Colors  ---*/
+@blue             : #0074D9;
+@green            : #2ECC40;
+@orange           : #FF851B;
+@pink             : #D9499A;
+@purple           : #A24096;
+@red              : #FF4136;
+@teal             : #39CCCC;
+@yellow           : #FFCB08;
+
+@black            : #191919;
+@grey             : #CCCCCC;
+@white            : #FFFFFF;
+
+/*---  Light Colors  ---*/
+@lightBlue        : #54C8FF;
+@lightGreen       : #2ECC40;
+@lightOrange      : #FF851B;
+@lightPink        : #FF8EDF;
+@lightPurple      : #CDC6FF;
+@lightRed         : #FF695E;
+@lightTeal        : #6DFFFF;
+@lightYellow      : #FFE21F;
+
+@primaryColor     : @blue;
+@secondaryColor   : @black;
+
+
+/*-------------------
+        Page
+--------------------*/
+
+@bodyBackground      : #FCFCFC;
+@fontSize            : 14px;
+@textColor           : rgba(0, 0, 0, 0.8);
+
+@headerMargin        : 1em 0em 1rem;
+@paragraphMargin     : 0em 0em 1em;
+
+@linkColor           : #009FDA;
+@linkUnderline       : none;
+@linkHoverColor      : lighten( @linkColor, 5);
+
+@highlightBackground : #FFFFCC;
+@highlightColor      : @textColor;
+
+
+
+/*-------------------
+  Background Colors
+--------------------*/
+
+@subtleTransparentBlack : rgba(0, 0, 0, 0.03);
+@transparentBlack       : rgba(0, 0, 0, 0.05);
+@strongTransparentBlack : rgba(0, 0, 0, 0.10);
+
+@subtleTransparentWhite : rgba(255, 255, 255, 0.01);
+@transparentWhite       : rgba(255, 255, 255, 0.05);
+@strongTransparentWhite : rgba(255, 255, 255, 0.01);
+
+/* Used for differentiating neutrals */
+@subtleGradient: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+
+/* Used for differentiating layers */
+@subtleShadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.05);
+
+
+/*-------------------
+        Grid
+--------------------*/
+
+@columnCount: 16;
+
+/*-------------------
+     Breakpoints
+--------------------*/
+
+@mobileBreakpoint            : 320px;
+@tabletBreakpoint            : 768px;
+@computerBreakpoint          : 992px;
+@largeMonitorBreakpoint      : 1400px;
+@widescreenMonitorBreakpoint : 1900px;
+

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

@@ -0,0 +1,16 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.selection.dropdown {
+  background-color: #FAFAFA;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
+  border-color: #CCCCCC;
+}
+
+.ui.selection.dropdown:focus {
+  box-shadow:
+    0px 1px 2px rgba(0, 0, 0, 0.075) inset,
+    0px 0px 5px rgba(81, 167, 232, 0.5)
+  ;
+}

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

@@ -0,0 +1,40 @@
+/*******************************
+            Form
+*******************************/
+
+/*-------------------
+       Elements
+--------------------*/
+
+@inputBackground: #FAFAFA;
+@inputBorder: 1px solid #CCCCCC;
+@inputBoxShadow: 0 1px 2px rgba(0, 0, 0, 0.075) inset;
+@inputBorderRadius: 3px;
+
+@labelFontWeight: bold;
+@labelMargin: 6px;
+
+/*-------------------
+        States
+--------------------*/
+
+@inputFocusBackground: #FFFFFF;
+@inputFocusBoxShadow:
+  0px 1px 2px rgba(0, 0, 0, 0.075) inset,
+  0px 0px 5px rgba(81, 167, 232, 0.5)
+;
+@inputFocusBorderColor: #51A7E8;
+@inputFocusBorderRadius: @inputBorderRadius;
+
+/*-------------------
+        Types
+--------------------*/
+
+
+/*-------------------
+      Variations
+--------------------*/
+
+/*-------------------
+       Groups
+--------------------*/

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

@@ -0,0 +1,7 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.menu .item > .label {
+  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+}

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

@@ -0,0 +1,66 @@
+/*-------------------
+      Collection
+--------------------*/
+
+@verticalPadding       : 1em;
+@horizontalPadding     : 1.25em;
+
+@background            : #FFFFFF linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.05));
+@fontWeight            : normal;
+
+@activeBorderSize      : 0em;
+
+@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);
+
+@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;
+@subMenuHorizontalPadding: 0.7em;
+
+@arrowHoverColor: #EEEEEE;
+@arrowActiveColor: #EEEEEE;
+@arrowVerticalHoverColor: #F4F4F4;
+@arrowVerticalActiveColor: #F4F4F4;
+
+@dividerBackground: #E8E8E8;
+@verticalDividerBackground: #E8E8E8;
+
+/*-------------------
+      Elements
+--------------------*/
+
+@buttonOffset: -0.15em;
+@buttonVerticalPadding: 0.75em;
+
+/*-------------------
+        Types
+--------------------*/
+
+@paginationMinWidth: 3.5em;
+
+@tieredActiveItemBackground: #F5F5F5;
+@tieredActiveMenuBackground: #F5F5F5;
+
+/*-------------------
+      Variations
+--------------------*/
+
+@verticalBackground: #FFFFFF;
+@verticalItemBackground: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
+
+@invertedBackground: @black linear-gradient(rgba(255, 255, 255, 0.05), rgba(0, 0, 0, 0.0));
+@invertedBoxShadow             :
+  0px 1px 2px 0px rgba(0, 0, 0, 0.15),
+  0px 0px 0px 1px rgba(255, 255, 255, 0.15)
+;
+@secondaryVerticalPadding: 0.75em;

data/assets/stylesheets/semantic_ui/themes/github/collections/message.overrides

@@ -0,0 +1,11 @@
+.ui.info.message {
+  background: linear-gradient(#D8EBF8, #D0E3EF);
+}
+.ui.error.message {
+  background: linear-gradient(#F8D8D8, #EFD0D0);
+}
+.ui.warning.message {
+  background: linear-gradient(#FFE3C8, #F5DAC0);
+}
+.ui.success.message {
+}

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

@@ -0,0 +1,29 @@
+@background: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.05)) #FEFEFE;
+@boxShadow:
+  0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset,
+  0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset
+;
+@verticalPadding: 15px;
+@horizontalPadding: 15px;
+
+@headerFontSize: 1.15em;
+
+@infoTextColor: #264C72;
+@warningTextColor: #613A00;
+@errorTextColor: #991111;
+
+@floatingBoxShadow:
+  0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset,
+  0px 2px 3px 0px rgba(0, 0, 0, 0.1),
+  0px 0px 0px 1px rgba(0, 0, 0, 0.05) inset
+;
+
+@infoBorderColor: #97C1DA;
+@errorBorderColor: #DA9797;
+@warningBorderColor: #DCA874;
+
+@small: 12px;
+@medium: 13px;
+@large: 14px;
+@huge: 16px;
+@massive: 18px;

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

@@ -0,0 +1,4 @@
+/*******************************
+           Overrides
+*******************************/
+

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

@@ -0,0 +1,77 @@
+/*-------------------
+   Button Variables
+--------------------*/
+
+/* Button Variables */
+@pageFont: Helvetica Neue, Helvetica, Arial, sans-serif;
+@textTransform: none;
+@fontWeight: bold;
+@textColor: #333333;
+
+@textShadow: 0px 1px 0px rgba(255, 255, 255, 0.9);
+@invertedTextShadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
+
+@borderRadius: @relativeBorderRadius;
+
+@verticalPadding: 0.75em;
+@horizontalPadding: 1.15em;
+
+@backgroundColor: #FAFAFA;
+@backgroundImage: linear-gradient(rgba(255, 255, 255, 0.15), rgba(0, 0, 0, 0.1));
+@boxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 1px 3px rgba(0, 0, 0, 0.05)
+;
+
+@coloredBackgroundImage: linear-gradient(rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
+@coloredBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.1) inset,
+  0 1px 3px rgba(0, 0, 0, 0.05)
+;
+
+@hoverBackgroundColor: '';
+@hoverBackgroundImage: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.08));
+@hoverBoxShadow: '';
+
+@downBackgroundColor: '';
+@downBackgroundImage: '';
+@downBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 3px 5px rgba(0, 0, 0, 0.15) inset !important
+;
+@activeBackgroundColor: #DFDFDF;
+@activeBackgroundImage: none;
+@activeBoxShadow:
+  0 -1px 0 0 rgba(0, 0, 0, 0.05) inset,
+  0 0 0 1px rgba(0, 0, 0, 0.13) inset,
+  0 3px 5px rgba(0, 0, 0, 0.1) inset !important
+;
+
+@labeledIconBackgroundColor: transparent;
+@labeledIconBorder: transparent;
+@labeledIconPadding: (@horizontalPadding + 2.25em);
+
+@basicFontWeight: bold;
+@basicTextColor: @linkColor;
+@basicHoverTextColor: @linkHoverColor;
+
+@basicHoverBackground: #E0E0E0;
+
+@blue: #3072B3;
+@green: #60B044;
+@black: #5D5D5D;
+
+@primaryColor: @blue;
+@secondaryColor: @black;
+
+@mini: 0.6rem;
+@tiny: 0.7rem;
+@small: 0.85rem;
+@medium: 0.92rem;
+@large: 1rem;
+@big: 1.125rem;
+@huge: 1.25rem;
+@massive: 1.3rem;

data/assets/stylesheets/semantic_ui/themes/github/elements/segment.overrides

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

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

@@ -0,0 +1,41 @@
+/*******************************
+            Standard
+*******************************/
+
+/*-------------------
+       Segment
+--------------------*/
+
+@segmentBorderWidth: 1px;
+@border: 1px solid #D8DEE2;
+@boxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+@verticalPadding: 20px;
+@horizontalPadding: 20px;
+
+@margin: 1em;
+@borderRadius: 4px;
+
+/*******************************
+            Variations
+*******************************/
+
+
+/* Raised */
+@raisedBoxShadow: 0px 1px 3px rgba(0, 0, 0, 0.075);
+
+/* Colors */
+@coloredBorderSize: 0.5em;
+
+/* Ordinality */
+@secondaryBackground: #F9F9F9;
+@secondaryColor: @textColor;
+
+@tertiaryBackground:  #F0F0F0;
+@tertiaryColor: @textColor;
+
+@secondaryInvertedBackground: #555555;
+@secondaryInvertedColor: @textColor;
+
+@tertiaryInvertedBackground: #333333;
+@tertiaryInvertedColor: @textColor;

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

@@ -0,0 +1,26 @@
+/*******************************
+           Overrides
+*******************************/
+
+.ui.steps .step:after {
+  display: none;
+}
+.ui.steps .completed.step:before {
+  opacity: 0.5;
+}
+
+.ui.steps .step.active:after {
+  display: block;
+  border: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-left: 1px solid rgba(0, 0, 0, 0.2);
+}
+.ui.vertical.steps .step.active:after {
+  display: block;
+  border: none;
+  top: 50%;
+  right: 0%;
+  border-left: none;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
+  border-right: 1px solid rgba(0, 0, 0, 0.2);
+}