Skip to content

Migrate to Tailwind CSS 4 - #24

Merged
gschaetz merged 2 commits into
mainfrom
chore/tailwind-4
Oct 6, 2026
Merged

gschaetz merged 2 commits into
mainfrom
chore/tailwind-4

Conversation

@gschaetz

@gschaetz gschaetz commented Oct 6, 2026

Copy link
Copy Markdown
Owner

Replaces Dependabot #22, which can't build on its own (Tailwind 4 is no longer a PostCSS plugin).

  • Use @tailwindcss/vite; remove postcss, autoprefixer, postcss.config.js
  • Move theme (colors, font, animations, keyframes) from tailwind.config.js to @theme in src/index.css
  • Rename utilities: bg-gradient-to-* -> bg-linear-to-*, flex-shrink-0 -> shrink-0, flex-grow -> grow, placeholder-gray-400 -> placeholder:text-gray-400
  • Checked v4 default changes: all border uses have explicit colors; no bare shadow/rounded/ring/blur

npm audit: 0 vulnerabilities. Build passes. Needs a visual check (npm run build && npm run preview) — not compared against current site pixel-for-pixel.

🤖 Generated with Claude Code

gschaetz and others added 2 commits October 6, 2026 10:11
Use @tailwindcss/vite, move theme config into CSS (@theme), drop
postcss/autoprefixer and tailwind.config.js, and update renamed utilities.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@gschaetz
gschaetz merged commit 22f07a0 into main Oct 6, 2026
4 of 5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant