Only apply the active and focus shadow on the focus state for :active

97cfe5a5 · Mark Otto · Mark Otto · c0129f8c · 97cfe5a5
Commit 97cfe5a5 authored 7 years ago by Mark Otto Committed by Mark Otto 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 5 additions and 1 deletion
+5 -1
--- a/scss/_buttons.scss
+++ b/scss/_buttons.scss
@@ -40,7 +40,11 @@
  &:not([disabled]):not(.disabled):active,
  &:not([disabled]):not(.disabled).active {
    background-image: none;
-    @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    box-shadow: $btn-active-box-shadow;
+
+    &:focus {
+      @box-shadow: $btn-focus-box-shadow, $btn-active-box-shadow;
+    }
  }
 }