Add wide button modifierHEADmaster

1 files changed, 13 insertions, 1 deletions

diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index 8163cf9..df90cc8 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -235,7 +235,13 @@
                         padding-inline: 0;
                 }
 
-                @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
+                @include bem.modifier('wide') {
+                        @include bem.elem('label') {
+                                margin-inline: props.get(vars.$pad-i-wide);
+                        }
+                }
+
+                @each $mod, $pad-i, $pad-i-label, $pad-i-wide, $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);
@@ -253,6 +259,12 @@
                                         inline-size:    calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b));
                                         padding-inline: 0;
                                 }
+
+                                @include bem.modifier('wide') {
+                                        @include bem.elem('label') {
+                                                margin-inline: props.get($pad-i-wide);
+                                        }
+                                }
                         }
                 }