Merge pull request #47 from Maks1mS/gap-and-row-gap

add gap and row-gap
quarkly · Jun 1, 2024 · 5782054 · 5782054
2 parents f0abc21 + 19dc4a1
commit 5782054
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/docs/aliases.md b/docs/aliases.md
@@ -140,6 +140,7 @@ Atomize aliases are short names for each css rule
 | *font-variant-position* | `fvp` |
 | *font-variation-settings* | `fvs` |
 | *font-weight* | `fw` |
+| *gap* | `g` |
 | *grid* | `gd` |
 | *grid-area* | `gda` |
 | *grid-auto-columns* | `gdac` |
@@ -223,6 +224,7 @@ Atomize aliases are short names for each css rule
 | *ratio-padding* | `none` |
 | *resize* | `rsz` |
 | *right* | `r` |
+| *row-gap* | `rowg` |
 | *scroll-behavior* | `none` |
 | *size-height* | `none` |
 | *size-width* | `none` |

diff --git a/src/constants/dict.js b/src/constants/dict.js
@@ -86,7 +86,7 @@ const dict = {
   color: { alias: 'c', type: 'string' },
   'column-count': { alias: 'colmc', type: 'string' },
   'column-fill': { alias: 'colmf', type: 'string' },
-  'column-gap': { alias: 'colmg', type: 'string' },
+  'column-gap': { alias: 'colmg', type: 'string', scale: 'space', transformer: 'pixel' },
   'column-rule': { alias: 'colmr', type: 'string' },
   'column-rule-color': { alias: 'colmrc', type: 'string' },
   'column-rule-style': { alias: 'colmrs', type: 'string' },
@@ -138,6 +138,7 @@ const dict = {
   'font-variant-position': { alias: 'fvp', type: 'string' },
   'font-variation-settings': { alias: 'fvs', type: 'string' },
   'font-weight': { alias: 'fw', type: ['number', 'string'] },
+  gap: { alias: 'g', type: 'string', scale: 'space', transformer: 'pixel' },
   grid: { alias: 'gd', type: 'string' },
   'grid-area': { alias: 'gda', type: 'string', process: false },
   'grid-auto-columns': { alias: 'gdac', type: 'string' },
@@ -256,6 +257,7 @@ const dict = {
   'ratio-padding': { type: ['number', 'string'] },
   resize: { alias: 'rsz', type: 'string' },
   right: { alias: 'r', transformer: 'pixel', type: ['number', 'string'] },
+  'row-gap': { alias: 'rowg', type: 'string', scale: 'space', transformer: 'pixel' },
   'scroll-behavior': { type: 'string' },
   'size-height': { type: 'string' },
   'size-width': { type: 'string' },