From: Patrick H. Lauke <redux@splintered.co.uk>
Date: Mon, 15 Feb 2016 11:50:10 +0000 (+0000)
Subject: Add extra styles for focused/hovered active outline buttons
X-Git-Tag: v4.0.0-alpha.3~245^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=9b8a4bc6917962898eea27776afaedf4d9d8d41b;p=thirdparty%2Fbootstrap.git

Add extra styles for focused/hovered active outline buttons
---

diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index 861d353e27..5196ab65e1 100644
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -64,19 +64,33 @@
   background-color: transparent;
   border-color: $color;
 
+  @include hover {
+    color: #fff;
+    background-color: $color;
+        border-color: $color;
+  }
+
   &:focus,
-  &.focus,
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
+  &.focus {
     color: #fff;
     background-color: $color;
         border-color: $color;
   }
-  @include hover {
+
+  &:active,
+  &.active,
+  .open > &.dropdown-toggle {
     color: #fff;
     background-color: $color;
         border-color: $color;
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: #fff;
+      background-color: darken($color, 17%);
+          border-color: darken($color, 25%);
+    }
   }
 
   &.disabled,