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

Darker style focus/hover on active buttons

Merge pull request #16154 from patrickhlauke/focus-active-disambiguation
Darker style focus/hover on active buttons
59bbb65e · Patrick H. Lauke · 6e85535b · 068675c7 · 59bbb65e
Commit 59bbb65e authored 10 years ago by Patrick H. Lauke
Hide whitespace changes
Inline Side-by-side

Showing

with 18 additions and 2 deletions
+18 -2
--- 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,