Commit e2887981 authored by Lyza Danger Gardner's avatar Lyza Danger Gardner Committed by Lyza Gardner

Adjust button mixin to assure all buttons have consistent base layout

Make sure all buttons—including icon-only buttons—get a flex layout. For
icon-only buttons, this ensures that the icon is centered on the button,
which is relevant especially when a `min-width` or `min-height` is
applied.
parent 32696661
...@@ -83,11 +83,11 @@ ...@@ -83,11 +83,11 @@
font-weight: 700; font-weight: 700;
white-space: nowrap; // Keep multi-word button labels from wrapping white-space: nowrap; // Keep multi-word button labels from wrapping
@if map.get($options, 'withLayout') {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@if map.get($options, 'withLayout') {
&--icon-left svg { &--icon-left svg {
margin-right: map.get($options, 'margin'); margin-right: map.get($options, 'margin');
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment