diff --git a/scss/_button-group.scss b/scss/_button-group.scss index b13295b67e..d89ee0b590 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -133,10 +133,6 @@ .btn:active + &, .btn.active + & { border-color: $primary; - - &:focus { - border-color: $black; - } } .btn:disabled + &, diff --git a/scss/_buttons.scss b/scss/_buttons.scss index e102407ac6..c5f59587dd 100644 --- a/scss/_buttons.scss +++ b/scss/_buttons.scss @@ -53,12 +53,7 @@ &:focus { // Boosted mod: no &:focus-visible to avoid issue in button tags // Boosted mod: added `&[data-focus-visible-added]` &[data-focus-visible-added] { - // Avoid using mixin so we can pass custom focus shadow properly - @if $enable-shadows { - box-shadow: var(--#{$prefix}btn-box-shadow), var(--#{$prefix}btn-focus-box-shadow); - } @else { - box-shadow: var(--#{$prefix}btn-focus-box-shadow); - } + @include focus-box(); } } diff --git a/scss/_carousel.scss b/scss/_carousel.scss index 9a99a7d8c8..ea7aecb4a4 100644 --- a/scss/_carousel.scss +++ b/scss/_carousel.scss @@ -233,7 +233,7 @@ &:focus { &[data-focus-visible-added] { @include focus-visible(); - box-shadow: 0 0 0 $outline-offset $white; + @include focus-box(); transform: none; } } diff --git a/scss/_list-group.scss b/scss/_list-group.scss index 8f70347ce0..daa8318b66 100644 --- a/scss/_list-group.scss +++ b/scss/_list-group.scss @@ -53,7 +53,7 @@ color: var(--#{$prefix}list-group-action-color); text-align: inherit; // For `