_forms.scss in furatto-1.2.7

- old
+ new

@@ -22,19 +22,21 @@
 $form-input-font-size: px-to-rems(13) !default;
 $form-input-padding: px-to-rems(5) !default;
 $form-input-margin-bottom: px-to-rems(11) !default;
 $form-input-box-shadow: inset 0 1px 2px rgba(#ccc,0.35) !default;
 $form-input-focus-box-shadow: 0 0 5px rgba(#ccc, 1) !default;
-$form-input-focus-border-color: #999 !default;
+$form-input-focus-border-color: rgba(#999, 0.8) !default;
 $form-input-background-color: #FFF !default;
+$form-input-focus-background-color: darken($form-input-background-color, 2%) !default;
 $form-input-border-color: #CCC !default;
 $form-input-disabled-color: #ECF0F1 !default;
 $form-input-disabled-background-color: #EEE !default;
 $form-input-mini-width: 20% !default;
 $form-input-small-width: $form-input-mini-width * 2 !default; 
 $form-input-medium-width: $form-input-mini-width * 3 !default;
 $form-input-large-width: $form-input-mini-width * 4 !default;
+$form-input-file-width: 100% !default;;
 
 //Validation states
 $form-label-success-color: #27ae60 !default;
 $form-label-error-color: #e74c3c !default;
 $form-input-success-border-color: $form-label-success-color !default;
@@ -142,13 +144,13 @@
   }
 
   //Focus state
   &:focus {
     @include box-shadow($form-input-focus-box-shadow);
-    border-color: rgba($form-input-focus-border-color, 0.8);
+    border-color: $form-input-focus-border-color; 
     outline: none;
-    background: darken($form-input-background-color, 2%);
+    background: $form-input-focus-background-color;
   }
 
   //Disabled inputs
   &[disabled] {
     color: $form-input-disabled-color;
@@ -251,7 +253,7 @@
   vertical-align: baseline;
   margin-left: $form-inline-label-margin-left;
 }
 
 input[type="file"] {
-  width: 100%;
+  width: $form-input-file-width;
 }