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

mdo · mdo · commit 97cfe5a58208 · 2017-12-27T17:56:28.000-08:00
diff --git 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;
+    }
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -40,7 +40,11 @@`
`40`	`40`	`&:not([disabled]):not(.disabled):active,`
`41`	`41`	`&:not([disabled]):not(.disabled).active {`
`42`	`42`	`background-image: none;`
`43`		`- @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);`
	`43`	`+ box-shadow: $btn-active-box-shadow;`
	`44`	`+`
	`45`	`+ &:focus {`
	`46`	`+ @box-shadow: $btn-focus-box-shadow, $btn-active-box-shadow;`
	`47`	`+ }`
`44`	`48`	`}`
`45`	`49`	`}`
`46`	`50`