properly configures tailwind

config.toml

@@ -19,4 +19,30 @@ theme = "hugo-starter-tailwind-basic"
 
 [params.author]
   name = "Media Economies Design Lab"
-  twitter = ""
+  twitter = ""
+
+[module]
+  [module.hugoVersion]
+    extended = false
+    min      = "0.112.0"
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"
+  [[module.mounts]]
+    source = "hugo_stats.json"
+    target = "assets/watching/hugo_stats.json"
+
+[build]
+  writeStats = true
+  [[build.cachebusters]]
+    source = "assets/watching/hugo_stats\\.json"
+    target = "styles\\.css"
+  [[build.cachebusters]]
+    source = "(postcss|tailwind)\\.config\\.js"
+    target = "css"
+  [[build.cachebusters]]
+    source = "assets/.*\\.(js|ts|jsx|tsx)"
+    target = "js"
+  [[build.cachebusters]]
+    source = "assets/.*\\.(.*)$"
+    target = "$1"

package.json

@@ -11,16 +11,16 @@
     }
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.4.1",
+		"@tailwindcss/typography": "^0.5.9",
     "autoprefixer": "^10.3.1",
     "postcss": "^8.3.6",
     "postcss-cli": "^8.3.1",
     "postcss-purgecss": "^2.0.3",
-    "tailwindcss": "^2.2.7"
+		"tailwindcss": "^3.3.2"
   },
   "scripts": {
-    "build:css": "postcss assets/css/tailwind.css -o static/css/tailwind.css",
-    "watch:css": "postcss assets/css/tailwind.css -o static/css/tailwind.css --watch"
+    "build:css": "postcss assets/css/main.scss -o static/css/main.css",
+    "watch:css": "postcss assets/css/main.scss -o static/css/main.css --watch"
   },
   "name": "protocol-oral-history-project",
   "version": "0.1.0"

tailwind.config.js

@@ -1,8 +1,9 @@
 module.exports = {
   content: [
+    './hugo_stats.json',
     './layouts/**/*.html',
-    './content/**/*.md',
-    './assets/scss/**/*.scss',
+    './content/**/*.{html,md}',
+    './themes/**/layouts/**/*.html'
   ],
   theme: {
     extend: {