$btn-focus-box-shadow variable does not trickle down to button variants
Created by: sernstberger
In v4, we now have:
$btn-focus-box-shadow: 0 0 0 2px rgba($brand-primary, .25) !default;
If I change it to:
$btn-focus-box-shadow: 0 10px 25px rgba($black, .15) !default;
Doesn't work. :/ This is overridden by individually by each button variant. Take this for example:
There's 2 solutions that would make sense to me:
- individual button styles shouldn't override this
- there should be separate variables for focus-box-shadow on each button variant (for example: $btn-info-focus-box-shadow)
Thank you!