Adding TailwindCSS (and craco to configure create react app)

gimlet-io · Oct 24, 2023 · 4b87606 · 4b87606
1 parent e564673
commit 4b87606
Show file tree

Hide file tree

Showing 7 changed files with 501 additions and 18 deletions.
diff --git a/web/craco.config.js b/web/craco.config.js
@@ -0,0 +1,23 @@
+const defaultTheme = require('tailwindcss/defaultTheme')
+
+module.exports = {
+  style: {
+    postcss: {
+      plugins: {
+        'postcss-import': {},
+        tailwindcss: {},
+        autoprefixer: {},
+      },
+    },
+  },
+  theme: {
+    extend: {
+      fontFamily: {
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+      },
+    },
+  },
+  devServer: {
+    allowedHosts: ['localhost'],
+  },
+}