fix: Munging around with tailwind configs

package.json

@@ -16,11 +16,11 @@
     "react-compound-slider": "^3.3.1",
     "react-dom": "^17.0.1",
     "react-markdown": "^6.0.2",
-    "remark-gfm": "^1.0.0",
-    "tailwindcss": "^2.0.4",
-    "postcss": "^8.1.10",
-    "autoprefixer": "^10.0.4"
+    "remark-gfm": "^1.0.0"
   },
   "devDependencies": {
+    "autoprefixer": "^10.4.0",
+    "postcss": "^8.4.4",
+    "tailwindcss": "^2.2.19"
   }
 }

styles/tailwind.css

@@ -4,7 +4,12 @@
 @tailwind utilities;
 */
 
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+/*
 @import 'tailwindcss/base';
 @import 'tailwindcss/components';
 @import './globals.css';
-@import 'tailwindcss/utilities';
+@import 'tailwindcss/utilities';
+*/

tailwind.config.js

@@ -1,6 +1,7 @@
 module.exports = {
   mode: 'jit',
-  purge: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
+  purge: [],
+  // previously: './pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'
   darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},