From: Matěj Kříž <kriz@codelab.cz>
Date: Fri, 5 Apr 2019 08:51:20 +0000 (+0200)
Subject: Fix buttons :focus state styles (#27890)
X-Git-Tag: v5.0.0-alpha1~1162
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=e0738f82070354423e376a42d264d0d52d93af45;p=thirdparty%2Fbootstrap.git

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`.
---

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);