Add $input-bg-focus and $input-color-focus variables

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 82ef6f96309c3eca5fae160d6f8f7a3b1cdabff5..ab32a449b342f40bf89cbc89b69de431c6c6ca85 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -325,8 +325,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-border-focus:             #66afe9 !default;
 $input-box-shadow-focus:         rgba(102,175,233,.6) !default;
+$input-color-focus:              $input-color;
 
 $input-color-placeholder:        #999 !default;
 

diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss
index fde8295314a3b0c9840d8c4f6ac8a8652a5dd89b..ecda4463f393f9d3fe04258ee2688e139d21f391 100644 (file)
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -56,7 +56,9 @@
 // contrast against a dark gray background.
 @mixin form-control-focus() {
   &:focus {
+    color: $input-color-focus;
     border-color: $input-border-focus;
+    background-color: $input-bg-focus;
     outline: none;
     $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $input-box-shadow-focus;
     @include box-shadow($shadow);