Consistent button paddings

1 files changed, 10 insertions, 2 deletions

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;