styling

Author: dariusrosendahl

dist/css/styles.min.css

@@ -9,9 +9,10 @@
 	Base colors
 	Color 01 and 02 reservered for white and black
 */
-$color01:  	#fff;
-$color02:  	#000;
-$color03: 	#eeeeee;
+$color03: #eeeeee;
+$color04: #aaa;
+$color05: #ccc;
+$color06: #797979;
 
 /*
 	Theme colors
@@ -21,6 +22,7 @@ $theme02: 	#093142; 	// Royal blue
 $theme03:	#12637F;	// Falcon blue
 $theme04:	#FFC200;	// Royal yellow
 $theme05:	#FFFFFF;	// Destroyer white
+$theme06: 	#164558;
 
 /*
 	Notification colors
@@ -97,7 +99,7 @@ $grid-gutter-b3: 12px;
 $grid-gutter-b4: 12px;
 $grid-gutter-b5: 12px;
 $grid-gutter-b6: 12px;
-
+ 
 /*
 	Default margin and padding
 */
@@ -108,34 +110,45 @@ $margin-default: 	12px;
 /*
 	Standard border-radius
 */
-$radius:	5px;
+$radius:	3px;
 
 /*
 	Fonts
 */
-$font-pri: Arial, Helvetica, sans-serif;
-$font-sec: Arial, Helvetica, sans-serif;
+$font-pri: 'Open Sans', Helvetica, Arial;
+$font-sec: 'Open Sans', Helvetica, Arial;
 $font-size-default: 1.6rem;
 $line-height-default: 1.5;
 
 /* Breadcrumbs seperator */
 $breadcrumbs-separator: '\00bb';
 
 /* Form specific variables */
+
+/* Standard Inputs */
 $input-height: 4.8rem;
+$input-bg-color: $color01;
+$input-bg-color-focus: $color01;
+$input-color: $color02;
+$input-color-focus: $color02;
+$input-border-color: #eee;
+$input-border-color-focus: #eee;
+$input-border: 1px solid $input-border-color;
+
+/* Custom select */
+// $select-arrow: "\2039";
 
+/* Labels */
 $input-label-color: #aaa;
 $input-label-color-focus: #aaa;
 
-$input-border-color: #eee;
-$input-border-color-focus: #eee;
-
+/* Radios and Checkboxes*/
 $input-control-color: #eee;
 $input-control-color-focus: $theme01;
 
-$input-border: 1px solid $input-border-color;
-
-$input-transition: 0.1s ease-in-out;
+/* Form transitions */
+$input-transition: .1s all ease-in-out;
 
+/* Icons */
 $input-icon-color: #eee;
 $input-icon-bg-color: #797979;