diff options
author | Matěj Kříž <kriz@codelab.cz> | 2019-04-05 11:51:20 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2019-04-05 11:51:20 +0300 |
commit | e0738f82070354423e376a42d264d0d52d93af45 (patch) | |
tree | fae7adf2cc99c1dadbc1ff90decc9fa19f8ac2cf /scss | |
parent | c6c9e322f7a30d380dbcbef77f31ced85df790c8 (diff) |
Fix buttons :focus state styles (#27890)
* Fix buttons :focus state styles
Buttons :hover and :focus state shares styles.
Buttons :focus text color on 'a.btn' is now consistent with others '.btn'.
* `:focus` styles should be in sync with `.focus`.
So shared styles with hover were copy to focus definition. Rather then using
`hover-focus` mixin which do not contain `.focus`.
Diffstat (limited to 'scss')
-rw-r--r-- | scss/mixins/_buttons.scss | 3 |
1 files changed, 3 insertions, 0 deletions
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss index eee903f83c..874f552d0c 100644 --- a/scss/mixins/_buttons.scss +++ b/scss/mixins/_buttons.scss @@ -17,6 +17,9 @@ &:focus, &.focus { + 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); |