Bootstrap: Better hover/active customization in button mixin

[mdo]

See #19414.

Ideally we could do better than a specific darken/lighten value.

[sqal]

Ideally we could do better than a specific darken/lighten value.

If I may throw an idea out here. Perhaps we can use sass maps to define buttons styles?:

$buttons: (
  primary: (
    color: $white,
    background-color: $brand-primary,
    border-color: $brand-primary,
    hover-color: $white,
    hover-background-color: darken($brand-primary, 20%)
    hover-border-color: null // if not defined, fallback to border-color ? 
  ),
  outline-primary: ()  
  ...
)

Wouldn't it be more flexible? Because sometimes apart from the usual color change, I would also like to add other button types or remove those I don't need at all in my project. What you think? :)

[mdo]

Dupe of #19353.