style(tailwind): extend tailwind config to be used by the demo

empathyco · Dec 2, 2024 · 953814b · 953814b
1 parent 90f4a85
commit 953814b
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/x-components/tailwind.config.ts b/packages/x-components/tailwind.config.ts
@@ -9,6 +9,15 @@ export default {
     './node_modules/@empathyco/x-tailwindcss/showcase/**/*.js'
   ],
   prefix: 'x-',
+  theme: {
+    extend: {
+      fontFamily: ({ theme }) => theme('x.fontFamily'),
+      fontSize: ({ theme }) => theme('x.fontSize'),
+      spacing: ({ theme }) => theme('x.spacing'),
+      colors: ({ theme }) => theme('x.colors'),
+      screens: ({ theme }) => theme('x.screens')
+    }
+  },
   plugins: [xTailwindPlugin(options), oldDsPlugin],
   important: true
 } as Config;