Skip to content

Conversation

@thomas-kuntz
Copy link

  • Upgrade Astro
  • Upgrade Tailwind
  • Switch Tailwind to use the new Vite plugin instead of the deprecated Astro plugin

Thank you for creating this template!

Use the new @tailwindcss/vite plugin instead of the deprecated @astrojs/tailwind plugin
@vercel
Copy link

vercel bot commented Aug 7, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
astro-nano ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 9, 2025 1:17pm

Tailwind v4 moves from tailwind.config.mjs to using the @theme directive in css:
https://tailwindcss.com/docs/upgrade-guide#using-a-javascript-config-file

There is currently no way to cleanly reference the default font stack without copy-pasting in Tailwind v4:
tailwindlabs/tailwindcss#15253
@rdhar
Copy link

rdhar commented Sep 29, 2025

Many thanks for sharing this dependency upgrade path, @thomas-kuntz!

When I tried this PR branch, I noticed the link text colour was no longer inheriting the regular text colour, but stuck on the link-hover colour instead. To clarify, I've attached a couple of screenshots in dark and light mode which demonstrate how the "Astro Sphere" and "Astro Nano on GitHub" links have the link-hover colour by default instead of the inheriting of the colour of the text around it.

Dark mode

image

Light mode

image

@rosmur
Copy link

rosmur commented Oct 8, 2025

@thomas-kuntz i want to update my deps and would love to merge this PR into my project. would you mind commenting on @rdhar 's bug above?

@ChristianIvicevic
Copy link

Just remove the @layer utilities wrapping the two article a rules then the bug should be gone.

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.

4 participants