diff options
Diffstat (limited to 'src/_utils.scss')
| -rw-r--r-- | src/_utils.scss | 14 |
1 files changed, 11 insertions, 3 deletions
diff --git a/src/_utils.scss b/src/_utils.scss index dc0fb32..206e435 100644 --- a/src/_utils.scss +++ b/src/_utils.scss | |||
| @@ -18,6 +18,12 @@ $-dirs: ( | |||
| 18 | 'ie': '-inline-end', | 18 | 'ie': '-inline-end', |
| 19 | ) !default; | 19 | ) !default; |
| 20 | 20 | ||
| 21 | $-axes: ( | ||
| 22 | '': '', | ||
| 23 | 'r': 'row-', | ||
| 24 | 'c': 'column-', | ||
| 25 | ) !default; | ||
| 26 | |||
| 21 | /* stylelint-disable-next-line scss/dollar-variable-pattern */ | 27 | /* stylelint-disable-next-line scss/dollar-variable-pattern */ |
| 22 | $-sizes: ( | 28 | $-sizes: ( |
| 23 | 0: vars.$size--0, | 29 | 0: vars.$size--0, |
| @@ -290,9 +296,11 @@ $-font-sizes: ( | |||
| 290 | border-radius: props.get(vars.$rounding--sm); | 296 | border-radius: props.get(vars.$rounding--sm); |
| 291 | } | 297 | } |
| 292 | 298 | ||
| 293 | @each $mod, $size in $-sizes { | 299 | @each $dir, $prefix in $-axes { |
| 294 | @include bem.utility('g-#{$mod}') { | 300 | @each $mod, $size in $-sizes { |
| 295 | gap: props.get($size); | 301 | @include bem.utility('#{$dir}g-#{$mod}') { |
| 302 | #{$prefix}gap: props.get($size); | ||
| 303 | } | ||
| 296 | } | 304 | } |
| 297 | } | 305 | } |
| 298 | 306 | ||
