fix: add astro.config.mjs with @tailwindcss/vite plugin

Tailwind 4 was producing only theme variables (oklch colors)
without any utility classes because Astro had no astro.config.mjs
wiring the @tailwindcss/vite plugin. Result: site rendered
unstyled despite all components and HTML being correct.

Verified locally after fix:
- CSS bundle grew from 21 KB (theme only) to 36 KB (theme + utilities)
- 23 utility-class definitions present (bg-neutral-900, text-white,
  min-h-screen, backdrop-blur, font-bold, flex etc)

Also adds @source directive in global.css to ensure Tailwind
scans .astro files for class usage.

This commit is contained in:

Linus Olofsson

2026-05-20 22:36:47 +02:00

parent 3ae9add947

commit 3e8a4ddc40

2 changed files with 12 additions and 1 deletions

									
										src/styles/global.css
									
		+4
		-1
	
												View File
												
				@@ -1 +1,4 @@

				@import "tailwindcss";

				@import "tailwindcss";

				@source "../**/*.{astro,html,js,jsx,ts,tsx,md,mdx,svelte,vue}";

				@source "../../public/**/*.html";