common.scss in carload-0.4.0

- old
+ new
@@ -49,29 +49,35 @@
 .center {
   text-align: center;
 }
 
 .btn-primary {
-  color: #fff;
+  color: $button-text-color;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
-  background-color: #60b044;
-  background-image: -webkit-linear-gradient(#8add6d, #60b044);
-  background-image: linear-gradient(#8add6d, #60b044);
-  border-color: #5ca941;
+  background-color: $button-color-1;
+  background-image: -webkit-linear-gradient($button-color-2, $button-color-1);
+  background-image: linear-gradient($button-color-2, $button-color-1);
+  border: none;
+  height: 34px;
 }
 .btn-primary:hover {
-  color: #fff;
-  background-color: #569e3d;
-  background-image: -webkit-linear-gradient(#79d858, #569e3d);
-  background-image: linear-gradient(#79d858, #569e3d);
-  border-color: #4a993e;
+  color: lighten($button-text-color, 20%);
+  background-color: lighten($button-color-1, 20%);
+  background-image: -webkit-linear-gradient(lighten($button-color-2, 20%), lighten($button-color-1, 20%));
+  background-image: linear-gradient(lighten($button-color-2, 20%), lighten($button-color-1, 20%));
+  border: none;
+  height: 34px;
 }
 
 .form-control:hover {
   border-color: $main-color;
 }
 
 :focus {
   outline-color: $main-color;
   border-color: $main-color !important;
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px $main-color !important;
+}
+
+.label-primary {
+  background-color: $main-color;
 }