diff options
| author | Catalin Zalog <[email protected]> | 2020-04-11 14:40:39 +0300 |
|---|---|---|
| committer | GitHub <[email protected]> | 2020-04-11 13:40:39 +0200 |
| commit | 8cb60bf043cedfa260259ca87113a6e018625599 (patch) | |
| tree | 860ccb6ac451a75ae41e86ee3ba635ce2d3de70b | |
| parent | 939beea6201778abfd2b844277a1e0635a93723a (diff) | |
| download | bootstrap-8cb60bf043cedfa260259ca87113a6e018625599.tar.xz bootstrap-8cb60bf043cedfa260259ca87113a6e018625599.zip | |
Use `box-shadow` mixin for `.btn` (#30512)
Co-authored-by: Martijn Cuppens <[email protected]>
| -rw-r--r-- | scss/mixins/_buttons.scss | 16 |
1 files changed, 8 insertions, 8 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index 53a337ba0..4bb9feb8a 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -30,10 +30,10 @@ color: $hover-color; @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, $border, 15%), .5); + @include box-shadow($btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $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, $border, 15%), .5); } } @@ -48,10 +48,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, $border, 15%), .5); + @if $enable-shadows { + @include box-shadow($btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix($color, $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, $border, 15%), .5); } } @@ -96,10 +96,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); + @if $enable-shadows { + @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); } } |