red_base 0.5.0

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

@@ -0,0 +1,21 @@
+/*
+ * 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/dashboard/rtl/foundation_and_overrides
+ *= require red_base/variables
+ *= require font-awesome
+ *= require red_base/base
+ *= require ./base
+ *= require ./buttons
+ *= require ./direction
+ *= require_self
+ *= require red_base/dashboard/dashboard
+ *= require red_base/dashboard/sidebar
+*/

data/app/assets/stylesheets/red_base/dashboard/rtl/base.css.scss.erb

@@ -0,0 +1,31 @@
+@import "red_base/variables";
+@import "red_base/dashboard/rtl/foundation_and_overrides";
+
+@font-face {
+  font-family: 'Droid Arabic Naskh';
+  src: url(<%= asset_path("DroidNaskh-Regular.ttf")%>) format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
+}
+
+
+:not(.fa){
+    font-family: 'Droid Arabic Naskh', tahome, serif !important;
+}
+
+input[type="integer"] {
+  @include form-element;
+}
+
+select {
+  @include form-element;
+}
+select[multiple] {
+  min-height: 10em;
+}
+
+textarea {
+  height: 10em !important;
+}
+
+.subnav {
+    left: 10px;
+}

data/app/assets/stylesheets/red_base/dashboard/rtl/base.css.scss~

@@ -0,0 +1 @@
+

data/app/assets/stylesheets/red_base/dashboard/rtl/base.css_flymake.scss

@@ -0,0 +1,25 @@
+@import "red_base/variables";
+@import "red_base/dashboard/rtl/foundation_and_overrides";
+
+@font-face {
+  font-family: 'Droid Arabic Naskh';
+  src: url('/fonts/DroidNaskh-Regular.ttf') format('truetype'); /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
+}
+
+
+* {
+    font-family: 'Droid Arabic Naskh', tahome, serif;
+}
+
+input[type="integer"] {
+  @include form-element;
+}
+
+select {
+  @include form-element;
+  min-height: 10em;
+}
+
+textarea {
+  height: 10em !important;
+}

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

@@ -0,0 +1,45 @@
+@import "red_base/variables";
+@import "red_base/dashboard/rtl/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);
+}

data/app/assets/stylesheets/red_base/dashboard/rtl/direction.css.scss

@@ -0,0 +1,37 @@
+@import "red_base/dashboard/rtl/foundation_and_overrides";
+@import "red_base/variables";
+
+.float-right {
+  float: left !important;
+}
+.float-left {
+    float: right !important;
+}
+
+.text-right {
+    text-align: left !important;
+}
+.text-left {
+    text-align: right !important;
+}
+
+.append {
+  @include prefix-postfix-base;
+  @include prefix;
+  @include grid-column($columns:3,$float:left);
+  border-radius: $border-radius 0 0 $border-radius !important;
+  text-align: center;
+  i {
+    color: gray;
+  }
+}
+
+input[type="search"].append, input[type="text"].append {
+  text-align: right;
+  @include grid-column($columns:9);
+  border-radius: 0 $border-radius $border-radius 0 !important;
+    border-color: lightgray;
+  &:focus {
+    border-color: lightgray;
+  }
+}