Skip to content
GitLab

Revamp button and input vars while fixing #21587

Merged Mark Otto requested to merge input-btn-improvements into v4-dev

This PR updates a handful of button and input variables. Originally it started as a fix for #21587 (closed) that I was testing from #21592, but it moved this direction as I read the thread and stared at the code trying to ensure the large inputs matched the same code as the small ones.

Demo at https://jsbin.com/jufibek/.

  • Updates $btn- and $input- variables for padding and line-height to be shared like the $input-btn-border-width variable.
  • Moves from 1.333 lg line-height to 1.5 for better and easier math that matches the small inputs and buttons.
  • Updates button-size mixin to accept a line-height argument

Also closes #21592.