feat: add grid-flow-dense utility

tw-in-js · Oct 3, 2022 · 65ea2f6 · 65ea2f6
1 parent 3d19288
commit 65ea2f6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/.changeset/warm-kangaroos-invent.md b/.changeset/warm-kangaroos-invent.md
@@ -0,0 +1,5 @@
+---
+'@twind/preset-tailwind': patch
+---
+
+add `.grid-flow-dense` utility
diff --git a/packages/preset-tailwind/src/rules.test.json b/packages/preset-tailwind/src/rules.test.json
@@ -449,6 +449,7 @@
   "grid-rows-layout": ".grid-rows-layout{grid-template-rows:200px minmax(900px, 1fr) 100px}",
   "grid-flow-row": ".grid-flow-row{grid-auto-flow:row}",
   "grid-flow-col": ".grid-flow-col{grid-auto-flow:column}",
+  "grid-flow-dense": ".grid-flow-dense{grid-auto-flow:dense}",
   "auto-rows-auto": ".auto-rows-auto{grid-auto-rows:auto}",
   "auto-rows-min": ".auto-rows-min{grid-auto-rows:min-content}",
   "auto-rows-max": ".auto-rows-max{grid-auto-rows:max-content}",

diff --git a/packages/preset-tailwind/src/rules.ts b/packages/preset-tailwind/src/rules.ts
@@ -202,6 +202,7 @@ const rules: Rule<TailwindTheme>[] = [
 
   // Grid Auto Flow
   ['grid-flow-((row|col)(-dense)?)', 'gridAutoFlow', (match) => spacify(columnify(match))],
+  ['grid-flow-(dense)', 'gridAutoFlow'],
 
   // Grid Auto Columns
   ['auto-cols-', fromTheme('gridAutoColumns')],