diff options
| -rw-r--r-- | scss/_variables.scss | 7 | ||||
| -rw-r--r-- | scss/mixins/_forms.scss | 2 |
2 files changed, 5 insertions, 4 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss index 509a364ee..71fabc58d 100644 --- a/scss/_variables.scss +++ b/scss/_variables.scss @@ -496,9 +496,10 @@ $input-btn-font-family: null !default; $input-btn-font-size: $font-size-base !default; $input-btn-line-height: $line-height-base !default; -$input-btn-focus-width: .2rem !default; -$input-btn-focus-color: rgba($component-active-bg, .25) !default; -$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default; +$input-btn-focus-width: .2rem !default; +$input-btn-focus-color-opacity: .25 !default; +$input-btn-focus-color: rgba($component-active-bg, $input-btn-focus-color-opacity) !default; +$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default; $input-btn-padding-y-sm: .25rem !default; $input-btn-padding-x-sm: .5rem !default; diff --git a/scss/mixins/_forms.scss b/scss/mixins/_forms.scss index ab612334f..187355994 100644 --- a/scss/mixins/_forms.scss +++ b/scss/mixins/_forms.scss @@ -58,7 +58,7 @@ &:focus { border-color: $color; - box-shadow: 0 0 0 $input-focus-width rgba($color, .25); + box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity); } } } |