added row-gap overrides

Author: raygig

package-lock.json

@@ -2,7 +2,7 @@
   "name": "@firestitch/style",
   "title": "Style",
   "description": "@firestitch/style",
-  "version": "18.0.37",
+  "version": "18.0.38",
   "repository": {
     "type": "git",
     "url": "https://github.com/Firestitch/ngx-style"

package.json

@@ -149,6 +149,26 @@
       column-gap: 0px;
     }
 
+    &[#{$attributeName}*='.row-gap-none'] {
+      row-gap: 0px;
+    }
+
+    &[#{$attributeName}*='.row-gap-xs'] {
+      row-gap: 5px;
+    }
+
+    &[#{$attributeName}*='.row-gap-sm'] {
+      row-gap: 10px;
+    }
+
+    &[#{$attributeName}*='.row-gap-md'] {
+      row-gap: 20px;
+    }
+
+    &[#{$attributeName}*='.row-gap-lg'] {
+      row-gap: 40px;
+    }
+
     &[#{$attributeName}*='.align-start'] {
       align-items: flex-start;
     }