From 48e4aff97ffa569b2420c25f3d36980f59e0b79f Mon Sep 17 00:00:00 2001 From: Volpeon Date: Tue, 24 Feb 2026 09:59:24 +0100 Subject: Extended gap utils --- src/_utils.scss | 14 +++++++++++--- 1 file changed, 11 insertions(+), 3 deletions(-) (limited to 'src/_utils.scss') 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: ( 'ie': '-inline-end', ) !default; +$-axes: ( + '': '', + 'r': 'row-', + 'c': 'column-', +) !default; + /* stylelint-disable-next-line scss/dollar-variable-pattern */ $-sizes: ( 0: vars.$size--0, @@ -290,9 +296,11 @@ $-font-sizes: ( border-radius: props.get(vars.$rounding--sm); } - @each $mod, $size in $-sizes { - @include bem.utility('g-#{$mod}') { - gap: props.get($size); + @each $dir, $prefix in $-axes { + @each $mod, $size in $-sizes { + @include bem.utility('#{$dir}g-#{$mod}') { + #{$prefix}gap: props.get($size); + } } } -- cgit v1.2.3-70-g09d2