Skip to content

feat(ui): upgrade Tailwind CSS v3 → v4#45

Merged
crisanlucid merged 1 commit into
mainfrom
feat/tailwind-v4
May 12, 2026
Merged

feat(ui): upgrade Tailwind CSS v3 → v4#45
crisanlucid merged 1 commit into
mainfrom
feat/tailwind-v4

Conversation

@crisanlucid

Copy link
Copy Markdown
Owner
  • Install tailwindcss@4, @tailwindcss/vite, @tailwindcss/forms@latest
  • Remove autoprefixer (built into v4) and postcss-nested (conflicts with v4 nesting)
  • Add @tailwindcss/vite plugin to vite.config.ts — faster than PostCSS approach
  • Remove tailwindcss and autoprefixer from postcss.config.js
  • Delete tailwind.config.js — config now lives in CSS
  • Rewrite src/index.css: @import "tailwindcss", @plugin for forms, @theme block for custom font families, breakpoint, and animation
  • All existing utility classes and custom CSS classes unchanged

- Install tailwindcss@4, @tailwindcss/vite, @tailwindcss/forms@latest
- Remove autoprefixer (built into v4) and postcss-nested (conflicts with v4 nesting)
- Add @tailwindcss/vite plugin to vite.config.ts — faster than PostCSS approach
- Remove tailwindcss and autoprefixer from postcss.config.js
- Delete tailwind.config.js — config now lives in CSS
- Rewrite src/index.css: @import "tailwindcss", @plugin for forms,
  @theme block for custom font families, breakpoint, and animation
- All existing utility classes and custom CSS classes unchanged

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@crisanlucid crisanlucid merged commit 59194d2 into main May 12, 2026
3 checks passed
@crisanlucid crisanlucid deleted the feat/tailwind-v4 branch May 12, 2026 13:23
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