diff options
Diffstat (limited to 'src/objects/_button.scss')
| -rw-r--r-- | src/objects/_button.scss | 14 |
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 | ||
