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

Is there a way to apply Tailwind Important Mode through Nuxt UI? #3528

Open
dietler opened this issue Mar 11, 2025 · 1 comment
Open

Is there a way to apply Tailwind Important Mode through Nuxt UI? #3528

dietler opened this issue Mar 11, 2025 · 1 comment
Labels
question Further information is requested v3 #1289

Comments

@dietler
Copy link

dietler commented Mar 11, 2025

Description

It doesn't seem to apply using

tailwind.config.js
export default { important: true }

@dietler dietler added question Further information is requested v3 #1289 labels Mar 11, 2025
@mickaelchanrion
Copy link

I'll assume your question is for Nuxt UI v3.
This new version migrated to Tailwind CSS v4 which moved away from the js config.
The equivalent of what you are looking for is described here.

So in your app/assets/css/main.css, you could add the important as follow:

@import "tailwindcss" theme(static) important;
@import "@nuxt/ui";

Note:
It's also possible to use a prefix.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
question Further information is requested v3 #1289
Projects
None yet
Development

No branches or pull requests

2 participants