less-rails-semantic_ui 1.0.1.0

data/assets/stylesheets/semantic_ui/themes/classic/elements/header.overrides

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

data/assets/stylesheets/semantic_ui/themes/classic/elements/header.variables

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

data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.overrides

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

data/assets/stylesheets/semantic_ui/themes/classic/modules/progress.variables

@@ -0,0 +1,8 @@
+/*******************************
+            Progress
+*******************************/
+
+@background: rgba(0, 0, 0, 0.05);
+@boxShadow: 0px 0px 4px rgba(0, 0, 0, 0.1) inset;
+@barBackground: @subtleGradient #888888;
+@border: 1px solid @borderColor;

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

@@ -0,0 +1,98 @@
+/*******************************
+             Item
+*******************************/
+/*-------------------
+         View
+--------------------*/
+
+/* Item */
+@background: #FFFFFF;
+@borderRadius: 0.325rem;
+@display: block;
+@float: left;
+@margin: 0em @horizontalSpacing @rowSpacing;
+@minHeight: 0px;
+@padding: 0em;
+@width: 300px;
+@boxShadow:
+  0px 0px 0px 1px @borderColor,
+  0px 3px 0px 0px @borderColor
+;
+@border: none;
+@zIndex: '';
+
+/* Item Group */
+@horizontalSpacing: 0.5em;
+@rowSpacing: 2.5em;
+@groupMargin: 1em -@horizontalSpacing;
+
+/*-------------------
+       Content
+--------------------*/
+
+/* Image */
+@imageBackground: @transparentBlack;
+@imagePadding: 0em;
+@imageBorderRadius: @borderRadius @borderRadius 0em 0em;
+@imageBoxShadow: none;
+@imageBorder: none;
+
+/* Content */
+@contentMargin: 0em;
+@contentPadding: 0.75em 1em;
+@contentFontSize: 1em;
+@contentBorder: none;
+@contentBorderRadius: 0em;
+@contentBoxShadow: none;
+
+/* Title */
+@titleMargin: 0em;
+@titleFont: @headerFont;
+@titleFontWeight: bold;
+@titleFontSize: 1.25em;
+@titleColor: @darkTextColor;
+
+/* Metadata */
+@metaColor: @lightTextColor;
+
+/* Description */
+@descriptionDistance: 0.75em;
+@descriptionColor: @lightTextColor;
+
+/* Image */
+@imageSpacing: 0.25em;
+@contentImageWidth: 2em;
+@contentImageVerticalAlign: middle;
+
+/* Paragraph */
+@paragraphDistance: 0.1em;
+
+/* Additional Content */
+@extraDisplay: absolute;
+@extraTop: 100%;
+@extraLeft: 0em;
+@extraWidth: 100%;
+
+@extraPadding: 0.5em 0.75em;
+@extraColor: @lightTextColor;
+@extraTransition: color @transitionDuration @transitionEasing;
+
+/*-------------------
+       States
+--------------------*/
+
+@hoverCursor: pointer;
+@hoverZIndex: 5;
+@hoverBorder: none;
+@hoverBoxShadow:
+  0px 0px 0px 1px @selectedBorderColor,
+  0px 3px 0px 0px @selectedBorderColor
+;
+
+
+/*-------------------
+      Variations
+--------------------*/
+
+/* Sizes */
+@medium: 1em;

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

@@ -0,0 +1,22 @@
+/*******************************
+             Card
+*******************************/
+
+/*-------------------
+         View
+--------------------*/
+
+/* Shadow */
+@shadowDistance: 0em;
+@padding: 0em;
+
+/*-------------------
+       Content
+--------------------*/
+
+/* Additional Content */
+@extraDivider: 1px solid rgba(0, 0, 0, 0.05);
+@extraBackground: #FAFAFA @subtleGradient;
+@extraPadding: 0.75em 1em;
+@extraBoxShadow: 0 1px 1px rgba(0, 0, 0, 0.15);
+@extraColor: @lightTextColor;

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

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

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

@@ -0,0 +1,43 @@
+/*******************************
+          Breadcrumb
+*******************************/
+
+/*-------------------
+     Breadcrumb
+--------------------*/
+
+@verticalMargin: 1em;
+@display: inline-block;
+@verticalAlign: middle;
+
+@dividerSpacing: 0.2rem;
+@dividerOpacity: 0.5;
+@dividerColor: @lightTextColor;
+
+@dividerSize: 0.9em;
+@dividerVerticalAlign: baseline;
+
+@iconDividerSize: 0.7em;
+@iconDividerVerticalAlign: middle;
+
+@sectionMargin: 0em;
+@sectionPadding: 0em;
+
+/* Coupling */
+@segmentPadding: 0.5em 1em;
+
+/*-------------------
+       States
+--------------------*/
+
+@activeFontWeight: bold;
+
+/* Sizes */
+@mini: 0.65em;
+@tiny: 0.7em;
+@small: 0.75em;
+@medium: 1em;
+@big: 1.05em;
+@large: 1.1em;
+@huge: 1.3em;
+@massive: 1.5em;

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

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

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

@@ -0,0 +1,189 @@
+/*******************************
+             Form
+*******************************/
+
+/*-------------------
+       Elements
+--------------------*/
+
+/* Form */
+@gutterWidth: 1em;
+@rowDistance: 1em;
+
+/* Text */
+@paragraphMargin: @rowDistance 0em;
+
+/* Field */
+@fieldMargin: 0em 0em @rowDistance;
+
+/* Form Label */
+@labelDistance: 0.3rem;
+@labelMargin: 0em 0em @labelDistance 0em;
+@labelFontSize: 0.9em;
+@labelFontWeight: bold;
+@labelTextTransform: none;
+@labelColor: @textColor;
+
+/* Input */
+@inputWidth: 100%;
+@inputFontSize: 1em;
+@inputVerticalPadding: 0.8em;
+@inputHorizontalPadding: 1em;
+@inputLineHeight: 1.2;
+@inputPadding: (@inputVerticalPadding + ((1em - @inputLineHeight) / 2)) @inputHorizontalPadding;
+@inputBackground: #FFFFFF;
+@inputBorder: 1px solid @borderColor;
+@inputBorderRadius: @absoluteBorderRadius;
+@inputColor: @textColor;
+@inputTransition:
+  background-color 0.2s ease,
+  color 0.2s ease,
+  box-shadow 0.2s ease,
+  border-color 0.2s ease
+;
+@inputBoxShadow: 0em 0em 0em 0em transparent inset;
+
+/* Select */
+@selectBackground: @white;
+@selectBorderRadius: @inputBorderRadius;
+@selectBorder: @inputBorder;
+@selectPadding: 0.62em @inputHorizontalPadding;
+@selectBoxShadow: @inputBoxShadow;
+@selectTransition: @inputTransition;
+@selectColor: @inputColor;
+
+/* Text Area */
+@textAreaPadding: @inputVerticalPadding @inputHorizontalPadding;
+@textAreaHeight: 12em;
+@textAreaResize: vertical;
+@textAreaLineHeight: 1.33;
+@textAreaMinHeight: 8em;
+@textAreaMaxHeight: 24em;
+@textAreaBackground: @inputBackground;
+@textAreaBorder: @inputBorder;
+@textAreaFontSize: @inputFontSize;
+@textAreaTransition: @inputTransition;
+
+/* Checkbox */
+@checkboxVerticalAlign: top;
+@checkboxLabelFontSize: 1em;
+@checkboxLabelTextTransform: @labelTextTransform;
+
+/* Divider */
+@dividerMargin: @rowDistance 0em;
+
+/* Validation Prompt */
+@validationMargin: 0em 0em 0em @rowDistance;
+@validationArrowOffset: -0.3em;
+
+/*-------------------
+        States
+--------------------*/
+
+/* Disabled */
+
+/* Focus */
+@inputFocusPointerSize: 1px;
+
+/* Input Focus */
+@inputFocusBackground: @inputBackground;
+@inputFocusBorderColor: @selectedBorderColor;
+@inputFocusColor: rgba(0, 0, 0, 0.85);
+@inputFocusBoxShadow: @inputFocusPointerSize 0em 0em 0em @selectedBorderColor inset;
+@inputFocusBorderRadius: 0em @inputBorderRadius @inputBorderRadius 0em;
+
+/* Text Area Focus */
+@textAreaFocusBackground: @inputFocusBackground;
+@textAreaFocusBorderColor: @inputFocusBorderColor;
+@textAreaFocusColor: @inputFocusColor;
+@textAreaFocusBoxShadow: @inputFocusBoxShadow;
+@textAreaFocusBorderRadius: @inputFocusBorderRadius;
+
+/* Error */
+@formErrorColor: @negativeColor;
+@formErrorBorder: @negativeBorderColor;
+@formErrorBackground: @negativeBackgroundColor;
+
+/* Input Error */
+@inputErrorPointerSize: 2px;
+@inputErrorBorderRadius: 0em @inputBorderRadius @inputBorderRadius 0em;
+@inputErrorBoxShadow: @inputErrorPointerSize 0em 0em 0em @formErrorColor inset;
+
+/* Dropdown Error */
+@dropdownErrorHoverBackground: #FFF2F2;
+@dropdownErrorActiveBackground: #FDCFCF;
+
+/* Focused Error */
+@inputErrorFocusBackground: @negativeBackgroundColor;
+@inputErrorFocusColor: @negativeColorHover;
+@inputErrorFocusBorder: @negativeBorderColor;
+@inputErrorFocusBoxShadow: @inputErrorPointerSize 0em 0em 0em @negativeColorHover inset;
+
+/* Placeholder */
+@inputPlaceholderColor: lighten(@inputColor, 55);
+@inputPlaceholderFocusColor: lighten(@inputColor, 35);
+@inputErrorPlaceholderColor: lighten(@formErrorColor, 10);
+@inputErrorPlaceholderFocusColor: lighten(@formErrorColor, 5);
+
+
+/* Loading Dimmer */
+@loaderDimmerColor: rgba(255, 255, 255, 0.8);
+@loaderDimmerZIndex: 100;
+
+/* Loading Spinner */
+@loaderSize: 3em;
+@loaderOffset: -(@loaderSize / 2);
+@loaderMargin: @loaderOffset 0em 0em @loaderOffset;
+@loaderLineZIndex: 101;
+
+/*-------------------
+        Types
+--------------------*/
+
+/* Required */
+@requiredColor: @negativeColor;
+@requiredVerticalOffset: -0.2em;
+
+/* Inverted */
+@invertedLabelColor: @invertedTextColor;
+
+/*-------------------
+      Variations
+--------------------*/
+
+/* Grouped Fields */
+@groupedMargin: @fieldMargin;
+@groupedFieldMargin: 0.5em 0em;
+
+@groupedLabelDistance: @labelDistance;
+@groupedLabelColor: @labelColor;
+@groupedLabelMargin: @labelMargin;
+@groupedLabelFontSize: @labelFontSize;
+@groupedLabelFontWeight: @labelFontWeight;
+@groupedLabelTextTransform: @labelTextTransform;
+
+
+/* Inline */
+@inlineLabelFontSize: @labelFontSize;
+@inlineLabelVerticalAlign: middle;
+@inlineGroupedFieldLabelDistance: 0.5rem;
+@inlineCheckboxLabelDistance: 1.75em;
+
+@inlineLabelMargin: 0em 1em 0em 0em;
+@inlineLabelDistance: @labelDistance;
+@inlineLabelColor: @labelColor;
+@inlineLabelFontSize: @labelFontSize;
+@inlineLabelFontWeight: @labelFontWeight;
+@inlineLabelTextTransform: @labelTextTransform;
+
+/* Sizes */
+@small: 0.875em;
+@medium: auto;
+@large: 1.125em;
+@huge: 1.2em;
+
+/*-------------------
+       Groups
+--------------------*/
+
+@inlineFieldsMargin: 0em 1em 0em 0em;

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

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

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

@@ -0,0 +1,93 @@
+/*******************************
+             Grid
+*******************************/
+
+/* Inherited From Site */
+
+// @mobileBreakpoint
+// @tabletBreakpoint
+// @computerBreakpoint
+// @largeMonitorBreakpoint
+// @widescreenMonitorBreakpoint
+
+/*******************************
+            Grid
+*******************************/
+
+@minWidth: 320px;
+
+@gutterWidth: 2rem;
+@rowSpacing: 2rem;
+
+@tableWidth: ~"calc(100% + "@gutterWidth~")";
+
+@columnMaxImageWidth: 100%;
+
+/*******************************
+           Variations
+*******************************/
+
+/*--------------
+     Page
+---------------*/
+
+/* Column Gutters */
+@mobileWidth: auto;
+@mobileMargin: 0em;
+@mobileGutter: 0em;
+
+@tabletWidth: auto;
+@tabletMargin: 0em;
+@tabletGutter: 4em;
+
+@computerWidth: auto;
+@computerMargin: 0em;
+@computerGutter: 8%;
+
+@largeMonitorWidth: auto;
+@largeMonitorMargin: 0em;
+@largeMonitorGutter: 15%;
+
+@widescreenMonitorWidth: auto;
+@widescreenMargin: 0em;
+@widescreenMonitorGutter: 23%;
+
+
+/*--------------
+     Relaxed
+---------------*/
+
+@relaxedGutterWidth: 3rem;
+@veryRelaxedGutterWidth: 5rem;
+
+/*--------------
+     Divided
+---------------*/
+
+@dividedBorder: -1px 0px 0px 0px @borderColor;
+@verticallyDividedBorder: 0px -1px 0px 0px @borderColor;
+
+@dividedInvertedBorder: -1px 0px 0px 0px @whiteBorderColor;
+@verticallyDividedInvertedBorder: 0px -1px 0px 0px @whiteBorderColor;
+
+/*--------------
+    Celled
+---------------*/
+
+@celledMargin: 1em 0em;
+@celledWidth: 1px;
+@celledBorderColor: @solidBorderColor;
+
+@celledPadding: 0.75em;
+@celledRelaxedPadding: 1em;
+@celledVeryRelaxedPadding: 2em;
+
+/*--------------
+    Stackable
+---------------*/
+
+@stackableRowSpacing: @rowSpacing;
+@stackableGutter: @gutterWidth;
+@stackableMobileBorder: 1px solid @borderColor;
+@stackableInvertedMobileBorder: 1px solid @whiteBorderColor;
+