summaryrefslogtreecommitdiffstats
path: root/src/objects/_button.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src/objects/_button.scss')
-rw-r--r--src/objects/_button.scss14
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 @@
235 padding-inline: 0; 235 padding-inline: 0;
236 } 236 }
237 237
238 @each $mod, $pad-i, $pad-i-label, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes { 238 @include bem.modifier('wide') {
239 @include bem.elem('label') {
240 margin-inline: props.get(vars.$pad-i-wide);
241 }
242 }
243
244 @each $mod, $pad-i, $pad-i-label, $pad-i-wide, $pad-i-pill, $pad-b, $font-size in vars.$fixed-sizes {
239 @include bem.modifier($mod) { 245 @include bem.modifier($mod) {
240 padding-block: props.get($pad-b); 246 padding-block: props.get($pad-b);
241 padding-inline: props.get($pad-i); 247 padding-inline: props.get($pad-i);
@@ -253,6 +259,12 @@
253 inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b)); 259 inline-size: calc(1em * props.get(vars.$line-height) + 2 * props.get($pad-b));
254 padding-inline: 0; 260 padding-inline: 0;
255 } 261 }
262
263 @include bem.modifier('wide') {
264 @include bem.elem('label') {
265 margin-inline: props.get($pad-i-wide);
266 }
267 }
256 } 268 }
257 } 269 }
258 270