diff options
| author | Catalin Zalog <[email protected]> | 2020-03-15 16:28:18 +0200 |
|---|---|---|
| committer | Martijn Cuppens <[email protected]> | 2020-03-16 08:52:13 +0100 |
| commit | 52c5b06f1c0ed1aaed67012dcb29198618080f85 (patch) | |
| tree | d70a5126048116ee7c7486f7b76fe983d726abed | |
| parent | fef94bf1638acf8d8b31508eadf61c79e8c080f9 (diff) | |
| download | bootstrap-52c5b06f1c0ed1aaed67012dcb29198618080f85.tar.xz bootstrap-52c5b06f1c0ed1aaed67012dcb29198618080f85.zip | |
fix(css): adds a new opacity var
Fixes beeing able to control `.is-valid` & `.is-invalid` input:focus opacity
| -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); } } } |