diff options
| author | Mark Otto <[email protected]> | 2017-12-27 16:43:37 -0800 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2017-12-27 17:56:28 -0800 |
| commit | 1a4a94bfd90626bdd48cea0c0d4bf0293f052edb (patch) | |
| tree | 3b9917ee36114dd6cfa2290ab31ba577e82a6c17 | |
| parent | afc984dca75468c31303d2905e114320ab261150 (diff) | |
| download | bootstrap-1a4a94bfd90626bdd48cea0c0d4bf0293f052edb.tar.xz bootstrap-1a4a94bfd90626bdd48cea0c0d4bf0293f052edb.zip | |
apply same active/focus shadow styling to button variants
| -rw-r--r-- | scss/mixins/_buttons.scss | 12 |
1 files changed, 7 insertions, 5 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index c6e0e03a4..252e26ace 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -42,11 +42,13 @@ } border-color: $active-border; - // Avoid using mixin so we can pass custom focus shadow properly - @if $enable-shadows { - box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); - } @else { - box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); + &:focus { + // Avoid using mixin so we can pass custom focus shadow properly + @if $enable-shadows { + box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5); + } @else { + box-shadow: 0 0 0 $btn-focus-width rgba($border, .5); + } } } } |