safelist gap classes in tailwind config

dugajean · Oct 1, 2024 · 70e6bed · 70e6bed
1 parent da848b6
commit 70e6bed
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/sections/Main.tsx b/src/sections/Main.tsx
@@ -11,7 +11,7 @@ export const Main = () => {
       as="main"
       gap="8"
       printGap="2"
-      className="w-full md:w-3/4 pb-12 md:py-24 print:py-8 px-12 print:px-6 md:pr-16"
+      className="w-full md:w-3/4 pb-12 md:py-24 print:py-8 px-12 print:px-6 md:pr-16 text-slate-900"
     >
       <VFlex gap="4" printGap="2">
         <h2>Introduction</h2>

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -9,5 +9,6 @@ export default {
       }
     }
   },
+  safelist: [{ pattern: /gap-\d/, variants: ["print"] }],
   plugins: []
 };
-Original file line number
+Diff line change
@@ Expand Up / @@ -9,5 +9,6 @@ export default { @@
           }
         }
       },
+      safelist: [{ pattern: /gap-\d/, variants: ["print"] }],
       plugins: []
     };