Add tailwind config

web/config/postcss.config.js

@@ -0,0 +1,8 @@
+const path = require('path')
+
+module.exports = {
+  plugins: [
+    require('tailwindcss')(path.resolve(__dirname, '../tailwind.config.js')),
+    require('autoprefixer'),
+  ],
+}

web/package.json

@@ -28,5 +28,10 @@
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "three": "^0.118.3"
+  },
+  "devDependencies": {
+    "autoprefixer": "9.8.6",
+    "postcss-loader": "4.0.2",
+    "tailwindcss": "^1.9.1"
   }
 }

web/src/index.css

@@ -1,3 +1,16 @@
+/**
+ * START --- TAILWIND GENERATOR EDIT
+ *
+ * `yarn rw generate util tailwind` placed these imports here
+ * to inject Tailwind's styles into your CSS.
+ * For more information, see: https://tailwindcss.com/docs/installation#add-tailwind-to-your-css
+ */
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
+/**
+ * END --- TAILWIND GENERATOR EDIT
+ */
 
 button, input, label, textarea {
   display: block;

web/tailwind.config.js

@@ -0,0 +1,14 @@
+module.exports = {
+  future: {
+    // removeDeprecatedGapUtilities: true,
+    // purgeLayersByDefault: true,
+    // defaultLineHeights: true,
+    // standardFontWeights: true
+  },
+  purge: [],
+  theme: {
+    extend: {}
+  },
+  variants: {},
+  plugins: []
+}