vendor/assets/stylesheets/furatto/_forms.scss in furatto-1.2.7 vs vendor/assets/stylesheets/furatto/_forms.scss in furatto-1.3.7

@@ -32,11 +32,16 @@
 $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;;
+$form-input-file-width: 100% !default;
+$form-input-transition-property: all !default;
+$form-input-transition-duration: 0.1s !default;
+$form-input-transition-timing-function: ease-in-out !default;
+$include-input-box-shadow-on-focus: true !default;
+$include-input-transition: true !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;
@@ -122,12 +127,16 @@
 input[type="tel"],
 input[type="color"],
 {
   @include border-radius($form-input-radius);
   @include box-shadow($form-input-box-shadow);
-  @include single-transition(all 0.1s ease-in-out);
   @include appearance($ap: none);
+
+  @if($include-input-transition) {
+    @include single-transition($form-input-transition-property $form-input-transition-duration $form-input-transition-timing-function);
+  }
+
   display: block;
   width: 100%;
   height: $form-input-height;
   color: $form-input-color;
   font-size: $form-input-font-size;
@@ -143,10 +152,12 @@
     }
   }
 
   //Focus state
   &:focus {
-    @include box-shadow($form-input-focus-box-shadow);
+    @if($include-input-box-shadow-on-focus) {
+      @include box-shadow($form-input-focus-box-shadow);
+    }
     border-color: $form-input-focus-border-color; 
     outline: none;
     background: $form-input-focus-background-color;
   }