From 1a4a94bfd90626bdd48cea0c0d4bf0293f052edb Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Wed, 27 Dec 2017 16:43:37 -0800
Subject: [PATCH] apply same active/focus shadow styling to button variants
---
scss/mixins/_buttons.scss | 12 +++++++-----
1 file changed, 7 insertions(+), 5 deletions(-)
diff --git a/scss/mixins/_buttons.scss b/scss/mixins/_buttons.scss
index c6e0e03a4c..252e26ace1 100644
--- 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);
+ }
}
}
}
--
GitLab