From: Mark Otto <markd.otto@gmail.com>
Date: Sun, 31 Dec 2017 04:55:35 +0000 (-0800)
Subject: Outline active focus (#25145)
X-Git-Tag: v4.0.0~71
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=43c551e97d78f0145e4eaec2ffda09e49dbeb2a8;p=thirdparty%2Fbootstrap.git

Outline active focus (#25145)

* Base the outline button :active color on the background, fixing a contrast issue

* Only apply focus outline to active when it's focused
---

diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 252e26ace1..23a27f6b90 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -79,11 +79,14 @@
   &:not([disabled]):not(.disabled):active,
   &:not([disabled]):not(.disabled).active,
   .show > &.dropdown-toggle {
-    color: color-yiq($color-hover);
+    color: color-yiq($active-background);
     background-color: $active-background;
     border-color: $active-border;
-    // Avoid using mixin so we can pass custom focus shadow properly
-    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+    }
   }
 }