.form-control:focus customization (#20436)

* Allow variables input-bg-focus and input-color-focus to be overridden.
* More consistency and control to customize shadows on .form-control:focus

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 0b249f3d12ddc7e8b7d66d19dac15d8be89710e6..86a29e23c3355f7efab30ef37afcd933de5b4bee 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -327,10 +327,10 @@ $input-border-radius:            $border-radius !default;
 $input-border-radius-lg:         $border-radius-lg !default;
 $input-border-radius-sm:         $border-radius-sm !default;
 
-$input-bg-focus:                 $input-bg;
+$input-bg-focus:                 $input-bg !default;
 $input-border-focus:             #66afe9 !default;
-$input-box-shadow-focus:         rgba(102,175,233,.6) !default;
-$input-color-focus:              $input-color;
+$input-box-shadow-focus:         $input-box-shadow, 0 0 8px rgba(102,175,233,.6) !default;
+$input-color-focus:              $input-color !default;
 
 $input-color-placeholder:        #999 !default;
 

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index b281dd7157040266c19db8ee8311d60c0e2ecd59..698e7dc12d595588f7d9e54897f04adbb97729ca 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -54,8 +54,7 @@
     background-color: $input-bg-focus;
     border-color: $input-border-focus;
     outline: none;
-    $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $input-box-shadow-focus;
-    @include box-shadow($shadow);
+    @include box-shadow($input-box-shadow-focus);
   }
 }