Skip to content
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

About Tailwind v4 #3229

Open
nataniel opened this issue Feb 17, 2025 · 3 comments
Open

About Tailwind v4 #3229

nataniel opened this issue Feb 17, 2025 · 3 comments
Labels
bug Something isn't working documentation Improvements or additions to documentation help wanted Extra attention is needed

Comments

@nataniel
Copy link

Link to the Page

https://next.skeleton.dev/docs/get-started/installation/vite-svelte

Describe the Issue (screenshots encouraged!)

It should clearly state here, that Skeleton v3 does not work with Tailwind v4. It would save a lot of people a lot of work trying to figure this out! :)

@nataniel nataniel added the documentation Improvements or additions to documentation label Feb 17, 2025
@endigo9740
Copy link
Contributor

endigo9740 commented Feb 17, 2025

@nataniel We have numerous posts talking about our ongoing effort to support Tailwind v4:

This has required a total rewrite of our core package, which we're actively working on. We had already updated the page you linked to to pin to Tailwind v3. If you are following our guide, you should not be installing a version of Tailwind v4:

Image

If you update your project outside of that, there's not much we can do prevent that. I understand another warning would help with education here, but not sure if the team and I have the bandwidth to jump on this before we have the update up and out the door.

Maybe consider submitting a PR if you think this would be constructive?

@nataniel
Copy link
Author

This code:
npm install -D tailwindcss postcss autoprefixer

currenly installs tailwindcss 4.0.6 and following the guide results in error:
[plugin:vite-plugin-svelte] Error while preprocessing /home/nataniel/projects/my-skeleton-app/src/App.svelte - [postcss] It looks like you're trying to use tailwindcssdirectly as a PostCSS plugin. The PostCSS plugin has moved to a separate package, so to continue using Tailwind CSS with PostCSS you'll need to install@tailwindcss/postcss and update your PostCSS configuration.

If you just change it to:
npm install tailwindcss@3

it works correctly (if you don't want to add a warning).

Unfortunately, I'm very new to tailwind, I don't think I will be able to submit a PR :)
Thanks for your great job!

@endigo9740 endigo9740 added the bug Something isn't working label Feb 17, 2025
@endigo9740
Copy link
Contributor

endigo9740 commented Feb 17, 2025

I see. Honestly we may have Tailwind v4 support rolled out before we get a chance to append this. So thanks for the heads up, but again not sure if there's anything we can do in the meantime.

I've tagged this as a bug I'd welcome a PR from anyone willing an able to fix this for BOTH Vite onboarding guides.

@endigo9740 endigo9740 added the help wanted Extra attention is needed label Feb 17, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working documentation Improvements or additions to documentation help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants