fix(build): tailwind issues resolved

Turns out Tailwind 4 changed some stuff.

.github/workflows/hugo.yml

@@ -52,10 +52,6 @@ jobs:
 
       - name: Install Node.js dependencies
         run: npm ci
-
-      # Add Tailwind CSS build step
-      - name: Build Tailwind CSS
-        run: npm run build:tw
 
       # New steps for Aurelia 2 build
       - name: Clean Aurelia 2 directory

package.json

@@ -3,11 +3,9 @@
   "version": "1.0.0",
   "description": "Aurelia documentation website",
   "scripts": {
-    "dev": "concurrently npm:watch:*",
-    "build": "npm run build:tw && hugo --minify",
-    "watch:tw": "tailwindcss -i ./themes/aurelia-theme/assets/css/main.css -o ./themes/aurelia-theme/static/css/style.css --watch",
-    "watch:hugo": "hugo server",
-    "build:tw": "tailwindcss -i ./themes/aurelia-theme/assets/css/main.css -o ./themes/aurelia-theme/static/css/style.css --minify"
+    "dev": "hugo server",
+    "build": "hugo --minify",
+    "start": "hugo server"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.0.0-beta.7",

themes/aurelia-theme/assets/css/main.css

@@ -1,7 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind typography;
-@tailwind utilities;
+@import "tailwindcss/preflight";
+@import "tailwindcss/utilities";
 
 @layer utilities {
   .animate-float {

themes/aurelia-theme/hugo.toml

@@ -25,6 +25,12 @@ title = 'Aurelia'
   [module.hugoVersion]
     extended = false
     min = "0.116.0"
+  [[module.mounts]]
+    source = "assets"
+    target = "assets"
+  [[module.mounts]]
+    source = "static"
+    target = "static"
 
 [permalinks]
   blog = "/blog/:year/:date.2006-01/:day/:slug/"

themes/aurelia-theme/layouts/partials/head/css.html

@@ -1,5 +1,9 @@
+{{ $css := resources.Get "css/main.css" }}
+{{ $styles := $css | css.TailwindCSS }}
+
 {{ if hugo.IsProduction }}
-  <link rel="stylesheet" href="{{ .Site.BaseURL }}css/style.css">
+  {{ $styles = $styles | minify | fingerprint }}
+  <link rel="stylesheet" href="{{ $styles.RelPermalink }}" integrity="{{ $styles.Data.Integrity }}">
 {{ else }}
-  <link rel="stylesheet" href="/css/style.css">
+  <link rel="stylesheet" href="{{ $styles.RelPermalink }}">
 {{ end }}