apply same active/focus shadow styling to button variants

1a4a94bf · Mark Otto · Mark Otto · afc984dc · 1a4a94bf
Commit 1a4a94bf authored 7 years ago by Mark Otto Committed by Mark Otto 7 years ago
Hide whitespace changes
Inline Side-by-side

Showing

with 7 additions and 5 deletions
+7 -5
--- a/scss/mixins/_buttons.scss
+++ b/scss/mixins/_buttons.scss
@@ -42,11 +42,13 @@
    }
    border-color: $active-border;

-    // Avoid using mixin so we can pass custom focus shadow properly
-    @if $enable-shadows {
-      box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
-    } @else {
-      box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+      }
    }
  }
 }