aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorSam Willis <[email protected]>2021-02-09 23:54:49 +0000
committerMark Otto <[email protected]>2021-02-10 21:03:37 -0800
commit2f03e32d8cefe93a2b9684e36b3335e67682261f (patch)
tree53cd20077c01c1cb9e5affb00ea5ae1ad686a7e5
parentdf79aad5e449abb14168668150902c45f5d29efa (diff)
downloadbootstrap-2f03e32d8cefe93a2b9684e36b3335e67682261f.tar.xz
bootstrap-2f03e32d8cefe93a2b9684e36b3335e67682261f.zip
Add input focus blur variable
-rw-r--r--scss/_variables.scss3
-rw-r--r--scss/mixins/_forms.scss2
2 files changed, 3 insertions, 2 deletions
diff --git a/scss/_variables.scss b/scss/_variables.scss
index a48ab92c8..94e985095 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -592,7 +592,8 @@ $input-btn-line-height: $line-height-base !default;
$input-btn-focus-width: .25rem !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-focus-blur: 0 !default;
+$input-btn-focus-box-shadow: 0 0 $input-btn-focus-blur $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 9db92bb90..e3f8061e9 100644
--- a/scss/mixins/_forms.scss
+++ b/scss/mixins/_forms.scss
@@ -21,7 +21,7 @@
$icon,
$tooltip-color: color-contrast($color),
$tooltip-bg-color: rgba($color, $form-feedback-tooltip-opacity),
- $focus-box-shadow: 0 0 0 $input-focus-width rgba($color, $input-btn-focus-color-opacity)
+ $focus-box-shadow: 0 0 $input-btn-focus-blur $input-focus-width rgba($color, $input-btn-focus-color-opacity)
) {
.#{$state}-feedback {
display: none;