red_base 0.5.0

data/app/assets/stylesheets/red_base/mixins.css.scss

@@ -0,0 +1,15 @@
+@mixin transition ($a) {
+   transition: $a;
+   -moz-transition: $a;
+   -webkit-transition: $a;
+   -o-transition: $a;
+   -ms-transition: $a;
+}
+
+@mixin box-shadow ($a) {
+   box-shadow: $a;
+   -moz-box-shadow: $a;
+   -webkit-box-shadow: $a;
+   -o-box-shadow: $a;
+   -ms-box-shadowb: $a;
+}

data/app/assets/stylesheets/red_base/mixins.css.scss~

@@ -0,0 +1,7 @@
+@mixin transition ($a) {
+   transition: $a;
+   -moz-transition: $a;
+   -webkit-transition: $a;
+   -o-transition: $a;
+   -ms-transition: $a;
+}

data/app/assets/stylesheets/red_base/rtl/application.css

@@ -0,0 +1,20 @@
+/*
+ * This is a manifest file that'll be compiled into application.css, which will include all the files
+ * listed below.
+ *
+ * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
+ * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
+ *
+ * You're free to add application-wide styles to this file and they'll appear at the top of the
+ * compiled file, but it's generally better to create a new file per style scope.
+ *
+
+ *= require red_base/variables
+ *= require red_base/base
+ *= require red_base/devise
+ *= require red_base/home
+ *= require font-awesome
+ *= require red_base/rtl/buttons
+ *= require red_base/rtl/foundation_and_overrides
+ *= require_self
+*/

data/app/assets/stylesheets/red_base/rtl/buttons.css.scss.erb

@@ -0,0 +1,48 @@
+@import "red_base/variables";
+//@import "foundation";
+//@import "foundation/components/global";
+//@import "foundation/components/buttons";
+@import "red_base/dashboard/ltr/foundation_and_overrides";
+
+.btn {
+   @include button-base;
+   @include single-transition;
+
+   &.green {
+     @include button-style($emerald, $border-radius, false);
+     color: white;
+   }
+
+   &.blue {
+     @include button-style($peter_river, $border-radius, false);
+     color: white;
+   }
+
+   &.red {
+     @include button-style($alizarin, $border-radius, false);
+     color: white;
+   }
+
+   &.yellow {
+     @include button-style($sun_flower, $border-radius, false);
+   }
+   &.lightgray {
+     @include button-style($lightgray, $border-radius, false);
+   }
+   &.lightergray {
+     @include button-style($lightergray, $border-radius, false);
+   }
+
+}
+
+.tiny {
+   @include button-size($button-tny, false, false);
+}
+
+.small {
+   @include button-size($button-sml, false, false);
+}
+
+.medium {
+   @include button-size($button-med, false, false);
+}