Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

$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: screen shot 2017-03-20 at 12 50 37 pm

There's 2 solutions that would make sense to me:

  1. individual button styles shouldn't override this
  2. there should be separate variables for focus-box-shadow on each button variant (for example: $btn-info-focus-box-shadow)

Thank you!