Merge pull request #16154 from patrickhlauke/focus-active-disambiguation

Darker style focus/hover on active buttons
twbs · Mar 28, 2015 · 59bbb65 · 59bbb65
2 parents 6e85535 + 068675c
commit 59bbb65
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/less/mixins/buttons.less b/less/mixins/buttons.less
@@ -8,15 +8,31 @@
   background-color: @background;
   border-color: @border;
 
-  &:hover,
   &:focus,
-  &.focus,
+  &.focus {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 25%);
+  }
+  &:hover {
+    color: @color;
+    background-color: darken(@background, 10%);
+        border-color: darken(@border, 12%);
+  }
   &:active,
   &.active,
   .open > .dropdown-toggle& {
     color: @color;
     background-color: darken(@background, 10%);
         border-color: darken(@border, 12%);
+
+    &:hover,
+    &:focus,
+    &.focus {
+      color: @color;
+      background-color: darken(@background, 17%);
+          border-color: darken(@border, 25%);
+    }
   }
   &:active,
   &.active,