Extended gap utils

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: (
         '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);
+                        }
                 }
         }