red_base 0.5.0

data/app/assets/stylesheets/red_base/dashboard/sidebar.css.scss

@@ -0,0 +1,93 @@
+@import "red_base/variables";
+@import "red_base/mixins";
+
+aside {
+  background: $peter_river;
+  padding: 0 !important;
+  border-radius: 4px;
+  margin-top: 20px;
+
+  ul {
+    list-style: none;
+    margin-bottom: 0;
+
+    li {
+      p {
+        margin: -10px 0 0;
+        padding: 5px 5px 10px;
+        width: 100%;
+        color: lighten($lightergray, 4%);
+        text-shadow: 0 1px 1px $darkgray;
+        display: inline-block;
+      }
+      padding: 10px 0px 0px 0px;
+      border-bottom: 1px solid darken($peter_river, 5%);
+      //border-right: 1px solid $lightergray;
+      cursor: pointer;
+
+
+      &.active {
+        background: $dashboard-background;
+        border-right: none;
+        color: $darkergray;
+      }
+
+      &:hover {
+        &:not(.active) > p {
+          //background: darken(white, 2%);
+          //color: darken($lightgray, 10%);
+          color: white;
+        }
+      }
+
+      &:first-child {
+        border-top: 1px solid $lightergray;
+        border-radius: 0px 4px 0 0;
+
+      }
+      i {
+        padding-left: 5px;
+        padding-right: 5px;
+
+      }
+
+    }
+  }
+
+  .submenu {
+    background: white;
+    margin: 0px 0;
+    font-size: 0.8em;
+    display: none;
+    li {
+      color: $darkgray;
+      border:none;
+      cursor: pointer;
+      padding: 5px 10px;
+      @include transition(all 300ms linear);
+      &:hover  {
+        padding: 5px 20px;
+        @include transition(all 300ms linear);
+      }
+    }
+  }
+  .brand {
+    border-bottom: 1px solid $lightergray;
+    //border-right: 1px solid $lightergray;
+    margin-top: -5px;
+    padding: 50px 20px 20px;
+    line-size: 1;
+    border-radius: 0 0 4px 0px;
+
+    h1 {
+      font-size: 1.3em;
+      margin: 0;
+      color: white;
+    }
+    span {
+      color: $lightergray;
+      font-size: 0.8em;
+      margin: 0;
+    }
+  }
+}

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

@@ -0,0 +1,34 @@
+// Place all the styles related to the registrations controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+/* Authentication sccs */
+
+.wrapper_signin{
+  //background: url('/images/bg1.jpg') no-repeat top left;
+}
+
+.wrapper_signup{
+  background: url('/images/bg2.jpg') no-repeat top left;
+}
+
+.layout_signin, .layout_signup{
+    background-color:rgba(white, 0.7);
+
+    .big_box {
+       text-align:center;
+       p{
+          text-align:justify;
+       }
+    }
+
+    .icon-big{
+       float:right;
+       padding-left:7px;
+       padding-top:-7px;
+    }
+
+   .form{
+      margin-top:35px;
+   }
+}

data/app/assets/stylesheets/red_base/groups.css

@@ -0,0 +1,4 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/

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

@@ -0,0 +1,14 @@
+/*
+  Place all the styles related to the matching controller here.
+  They will automatically be included in application.css.
+*/
+
+
+.btn-big {
+  div{
+    strong{
+       color:#FFFFFF;
+    }
+  }
+  color:#FFFFFF
+}

data/app/assets/stylesheets/red_base/ltr/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/ltr/buttons
+ *= require red_base/ltr/foundation_and_overrides
+ *= require_self
+*/

data/app/assets/stylesheets/red_base/ltr/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);
+}