diff options
| author | Martijn Cuppens <[email protected]> | 2020-04-11 13:44:12 +0200 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2020-04-13 21:12:29 +0300 |
| commit | 4d863effdbd6a57f3a5eda7ce4cb94e3c1f62da2 (patch) | |
| tree | 693e169c862097b2a174440758b89453c0a5e30a | |
| parent | 5455e300489251b4a92f8019db7d7157eb8891bd (diff) | |
| download | bootstrap-4d863effdbd6a57f3a5eda7ce4cb94e3c1f62da2.tar.xz bootstrap-4d863effdbd6a57f3a5eda7ce4cb94e3c1f62da2.zip | |
Backport #30512
Use `box-shadow` mixin for `.btn`
| -rw-r--r-- | scss/mixins/_buttons.scss | 12 |
1 files changed, 6 insertions, 6 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index c82c4d6d0..d6235aa27 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -20,10 +20,10 @@ color: color-yiq($hover-background); @include gradient-bg($hover-background); border-color: $hover-border; - // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows { - box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); + @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5)); } @else { + // Avoid using mixin so we can pass custom focus shadow properly box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } } @@ -51,10 +51,10 @@ border-color: $active-border; &:focus { - // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows and $btn-active-box-shadow != none { - box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); + @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5)); } @else { + // Avoid using mixin so we can pass custom focus shadow properly box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5); } } @@ -90,10 +90,10 @@ border-color: $active-border; &:focus { - // Avoid using mixin so we can pass custom focus shadow properly @if $enable-shadows and $btn-active-box-shadow != none { - box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5); + @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5)); } @else { + // Avoid using mixin so we can pass custom focus shadow properly box-shadow: 0 0 0 $btn-focus-width rgba($color, .5); } } |