From e0738f82070354423e376a42d264d0d52d93af45 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Mat=C4=9Bj=20K=C5=99=C3=AD=C5=BE?= Date: Fri, 5 Apr 2019 10:51:20 +0200 Subject: [PATCH] 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`. --- scss/mixins/_buttons.scss | 3 +++ 1 file changed, 3 insertions(+) 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); -- 2.47.2