less-rails-semantic_ui 1.0.1.0

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

@@ -0,0 +1,20 @@
+/*-------------------
+   Step Variables
+--------------------*/
+
+/* Step */
+@background: 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);
+
+/* States */
+@activeBackground: #FFFFFF;
+@activeIconColor: @darkTextColor;
+
+/* Arrow */
+@arrowTopOffset: 100%;
+@arrowRightOffset: 50%;
+@arrowBorderColor: rgba(0, 0, 0, 0.2);

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

@@ -0,0 +1,15 @@
+@background: #F3F3F3;
+
+@boxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+@borderRadius: 4px;
+@verticalPadding: 7px;
+@horizontalPadding: 15px;
+
+@headerFontSize: 1em;
+
+@floatingBoxShadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
+
+@iconSize: 1.5em;
+@iconDistance: 1em;
+
+@warningBackgroundColor: #F9EDBE;

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

@@ -0,0 +1,23 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
+.ui.button {
+  min-width: 72px;
+}
+
+.ui.primary.button:hover {
+  box-shadow:
+    0px 0px 0px 1px rgba(0, 0, 0, 0.3) inset,
+    0px 2px 3px 0px rgba(0, 0, 0, 0.35) !important
+  ;
+}
+
+.ui.secondary.button:hover {
+  box-shadow:
+    0px 0px 0px 1px rgba(0, 0, 0, 0.2) inset,
+    0px 2px 3px 0px rgba(0, 0, 0, 0.3) !important
+  ;
+}
+.ui.buttons > .button:hover,
+.ui.buttons > .button.active {
+  position: static !important;
+}

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

@@ -0,0 +1,87 @@
+/*******************************
+            Button
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@googleFontName : 'Roboto';
+@pageFont       : 'Roboto', Arial, sans-serif;
+
+@medium: 13px;
+
+@verticalPadding   : 0.8em;
+@horizontalPadding : 0.8em;
+@borderRadius      : 0.153846153em;
+@color             : #222222;
+@fontWeight        : normal;
+@textTransform     : none;
+
+@backgroundColor      : @white;
+@backgroundImage      : linear-gradient(transparent, rgba(0, 0, 0, 0.02));
+
+@solidBorderColor: #DDDDDD;
+
+@borderBoxShadowColor: @solidBorderColor;
+@borderBoxShadow: 0px 0px 0px 1px @solidBorderColor;
+@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
+;
+/*-------------------
+        State
+--------------------*/
+
+@hoverBackgroundColor: @white;
+@hoverBoxShadow:
+  @borderBoxShadow,
+  0px 2px 3px 0px rgba(0, 0, 0, 0.2) !important
+;
+
+@downBackgroundColor: @white;
+@downBackgroundImage: linear-gradient(rgba(0, 0, 0, 0.04), rgba(0, 0, 0, 0.04));
+@downTextColor: #222222;
+@downBoxShadow: @borderBoxShadow;
+
+@activeBackgroundColor: #F0F0F0;
+@activeBoxShadow: 0px 0px 0px 1px #DDDDDD;
+
+/*-------------------
+      Variations
+--------------------*/
+
+@basicBorderSize: 0px;
+@basicBorderRadius: 4px;
+@basicColoredBorderSize: 1px;
+@basicHoverBackground: @white;
+@basicHoverBoxShadow: @hoverBoxShadow;
+@basicDownBackground: @white;
+@basicDownBoxShadow: @downBoxShadow;
+
+@basicActiveBackground: #FFFFFF;
+@basicActiveBoxShadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.2);
+
+@labeledIconBackgroundColor: transparent;
+@labeledIconWidth: 2em;
+
+@coloredBackgroundImage : @subtleGradient;
+@coloredBoxShadow       : 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+
+@primaryColor       : #4184F3;
+@primaryBoxShadow   : 0px 0px 0px 1px #0157E4 inset;
+
+@secondaryColor           : #EEEEEE;
+@secondaryBackgroundImage : @backgroundImage;
+@secondaryTextColor       : @textColor;
+@secondaryBoxShadow       : @borderBoxShadow;
+
+@positiveColor: #3D9400;
+@negativeColor: #D34836;
+@invertedBorderSize: 1px;
+

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

@@ -0,0 +1,15 @@
+/*******************************
+           Overrides
+*******************************/
+
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
+h1.ui.header,
+.ui.huge.header {
+  font-weight: normal;
+}
+
+h2.ui.header,
+.ui.large.header {
+  font-weight: normal;
+}

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

@@ -0,0 +1,21 @@
+/*-------------------
+       Header
+--------------------*/
+
+@headerFont : 'Roboto', Arial, sans-serif;
+@fontWeight: normal;
+
+@iconSize: 2em;
+@iconOffset: 0.2em;
+@iconAlignment: top;
+
+@subHeaderFontSize: 1rem;
+
+
+/* HTML Headings */
+@h1 : 2.25rem;
+@h2 : 2rem;
+@h3 : 1.75rem;
+@h4 : 1.5rem;
+@h5 : 1.25rem;
+

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

@@ -0,0 +1,119 @@
+/*******************************
+         Site Settings
+*******************************/
+
+/*-------------------
+       Fonts
+--------------------*/
+
+@headerFont        : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@pageFont          : 'Roboto', 'Helvetica Neue', Arial, Helvetica, sans-serif;
+@googleFontName    : 'Roboto';
+
+/*-------------------
+      Base Sizes
+--------------------*/
+
+@emSize            : 14px;
+@fontSize          : 13px;
+
+/*--------------
+      Page
+---------------*/
+
+@pageBackground      : #F9F9F9;
+@lineHeight          : 1.33;
+@textColor           : #212121;
+
+/*--------------
+  Page Heading
+---------------*/
+
+@headerLineHeight : 1.33em;
+@headerFontWeight : 400;
+
+@h1               : 2.25rem;
+@h2               : 2rem;
+@h3               : 1.75rem;
+@h4               : 1.5rem;
+@h5               : 1.25rem;
+
+/*--------------
+   Paragraphs
+---------------*/
+
+@paragraphLineHeight: 1.7em;
+
+/*-------------------
+      Site Colors
+--------------------*/
+
+/*---  Colors  ---*/
+@black            : #1B1C1D;
+@blue             : #2196F3;
+@green            : #4CAF50;
+@grey             : #9E9E9E;
+@orange           : #FF9800;
+@pink             : #E91E63;
+@purple           : #9C27B0;
+@red              : #F44336;
+@teal             : #1de9b6;
+@yellow           : #FFEB3B;
+
+/*---  Light Colors  ---*/
+@lightBlack       : #333333;
+@lightBlue        : #2979FF;
+@lightGreen       : #00E676;
+@lightOrange      : #FF9100;
+@lightPink        : #F50057;
+@lightPurple      : #D500F9;
+@lightRed         : #FF1744;
+@lightTeal        : #1DE9B6;
+@lightYellow      : #FFEA00;
+
+/*---   Neutrals  ---*/
+@fullBlack        : #000000;
+@darkGrey         : #AAAAAA;
+@lightGrey        : #DCDDDE;
+@offWhite         : #FAFAFA;
+@darkWhite        : #F0F0F0;
+@white            : #FFFFFF;
+
+/*-------------------
+    Brand Colors
+--------------------*/
+
+@primaryColor        : @blue;
+@secondaryColor      : @grey;
+
+@lightPrimaryColor   : @lightBlue;
+@lightSecondaryColor : @lightGrey;
+
+/*-------------------
+      Paragraph
+--------------------*/
+
+@paragraphMargin     : 0em 0em 1.53em;
+
+/*-------------------
+       Links
+--------------------*/
+
+@linkColor           : #009FDA;
+@linkUnderline       : none;
+@linkHoverColor      : lighten(@linkColor, 5);
+
+/*-------------------
+  Highlighted Text
+--------------------*/
+
+@highlightBackground : #009FDA;
+@highlightColor      : @white;
+
+/*-------------------
+       Accents
+--------------------*/
+
+/* 4px @ default em */
+@relativeBorderRadius: 0.2857em;
+@absoluteBorderRadius: 2px;

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

@@ -0,0 +1,6 @@
+@import url(http://fonts.googleapis.com/css?family=Roboto);
+
+.ui.modal .header {
+  font-family: "Roboto", Arial, Sans-serif !important;
+  font-weight: 400 !important;
+}

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

@@ -0,0 +1,15 @@
+@boxShadow: 0px 10px 18px rgba(0, 0, 0, 0.22);
+@borderRadius: 0em;
+
+
+@headerBackground: @white;
+@headerVerticalPadding: 1.7142rem;
+@headerHorizontalPadding: 1.7142rem;
+@headerFontWeight: 400;
+@headerFontFamily: 'Roboto', "Helvetica Neue", Arial, sans-serif;
+@headerBorder: none;
+
+@contentPadding: 1rem 2rem 2rem;
+
+@actionBorder: none;
+@actionBackground: @white;

data/assets/stylesheets/semantic_ui/themes/pulsar/elements/loader.overrides

@@ -0,0 +1,70 @@
+/*******************************
+         Theme Overrides
+*******************************/
+
+.ui.loader:after {
+  -webkit-animation: loader-pulsar 2s infinite linear;
+  animation: loader-pulsar 2s infinite linear;
+}
+
+@-webkit-keyframes loader-pulsar {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+    opacity: 0;
+  }
+  20% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+  40% {
+    -webkit-transform: rotate(740deg);
+            transform: rotate(740deg);
+    opacity: 1;
+  }
+  60% {
+    -webkit-transform: rotate(1120deg);
+            transform: rotate(1120deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: rotate(1440deg);
+            transform: rotate(1440deg);
+  }
+  100% {
+    -webkit-transform: rotate(1800deg);
+            transform: rotate(1800deg);
+    opacity: 0;
+  }
+}
+
+@keyframes loader-pulsar {
+  0% {
+    -webkit-transform: rotate(0deg);
+            transform: rotate(0deg);
+    opacity: 0;
+  }
+  20% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+  40% {
+    -webkit-transform: rotate(740deg);
+            transform: rotate(740deg);
+    opacity: 1;
+  }
+  60% {
+    -webkit-transform: rotate(1120deg);
+            transform: rotate(1120deg);
+    opacity: 1;
+  }
+  80% {
+    -webkit-transform: rotate(1440deg);
+            transform: rotate(1440deg);
+  }
+  100% {
+    -webkit-transform: rotate(1800deg);
+            transform: rotate(1800deg);
+    opacity: 0;
+  }
+}

data/assets/stylesheets/semantic_ui/themes/pulsar/elements/loader.variables

@@ -0,0 +1,7 @@
+/*******************************
+             Loader
+*******************************/
+
+@loaderSpeed: 2s;
+@loaderLineColor: @primaryColor;
+@invertedLoaderLineColor: @lightPrimaryColor;

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

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

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

@@ -0,0 +1,26 @@
+/*******************************
+            Button
+*******************************/
+
+/*-------------------
+       Element
+--------------------*/
+
+@backgroundColor: #F8F8F8;
+@backgroundImage: linear-gradient(transparent, rgba(0, 0, 0, 0.05));
+@verticalAlign: middle;
+@borderRadius: 0.4em;
+
+/* Shadow */
+@shadowDistance: 0.3em;
+@verticalPadding: 1em;
+@horizontalPadding: 2em;
+
+/* transition box shadow as well */
+@transition:
+  opacity @transitionDuration @transitionEasing,
+  background-color @transitionDuration @transitionEasing,
+  box-shadow @transitionDuration @transitionEasing,
+  color @transitionDuration @transitionEasing,
+  background @transitionDuration @transitionEasing
+;