From b3d15e0a176fe28dca866f43e68432dea79eb889 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 12 Nov 2024 15:48:28 +0100 Subject: Consistent button paddings --- src/objects/_action-button.scss | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) (limited to 'src/objects/_action-button.scss') diff --git a/src/objects/_action-button.scss b/src/objects/_action-button.scss index ca047bc..dcabb57 100644 --- a/src/objects/_action-button.scss +++ b/src/objects/_action-button.scss @@ -137,6 +137,10 @@ } } + @include bem.elem('label') { + margin-inline: props.get(vars.$pad-i-label); + } + @include -apply-theme(vars.$default-theme); @each $theme in map.keys(props.get(vars.$themes)) { @@ -154,12 +158,16 @@ } } - @each $mod, $pad-i, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { + @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { @include bem.modifier($mod) { padding-block: props.get($pad-b); padding-inline: props.get($pad-i); font-size: props.get($font-size); + @include bem.elem('label') { + margin-inline: props.get($pad-i-label); + } + @include bem.modifier('pill') { padding-inline: props.get($pad-i-pill); } @@ -170,7 +178,7 @@ inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get(vars.$pad-b)); padding-inline: 0; - @each $mod, $pad-i, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { + @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { @include bem.modifier($mod) { inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b)); padding-inline: 0; -- cgit v1.2.3-70-g09d2