Skip to content

chore: update to tailwind v4 #460

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

Balastrong
Copy link
Member

Tailwind v4 is out since a few months, let's keep it up to date.

As this touched a lot of files, here's some context of the major changes:

  • All the changes in this PR are CSS/Tailwind classes only
  • Tailwind config file is no longer required, the few extra configs are in app.css now
  • Some classes have been renamed (automatically with npx @tailwindcss/upgrade), most notably gradient and screen
  • bg-opacity-* utilities have been removed, bg opacity can be achieved with bg-gray-500/20
    • We have many dynamic colors from libraries that aren't picked up by tailwind, there's an expandable safelist in app.css
  • Some spacings with space-y-* now behave slightly differently as they had performance issues in v3
    • The docs suggests to use gap instead
    • I replaced the broken spaces I found
  • I deleted app.generated.css as that didn't seem to be used anywhere and wasn't touched since years

Copy link

netlify bot commented Aug 8, 2025

👷 Deploy request for tanstack pending review.

Visit the deploys page to approve it

Name Link
🔨 Latest commit 5febfde

@KevinVandy
Copy link
Member

fixed merge conflicts

@KevinVandy
Copy link
Member

1 small issue with the filter by library styles not applying

image

@KevinVandy
Copy link
Member

I couldn't find anything else wrong

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.

2 participants