13 questions
1
vote
1
answer
88
views
Tailwind CSS directives (@tailwind base) underlined as unknown in VS Code with Next.js project
I'm working on a Next.js 16 project and trying to set up Tailwind CSS v4. I installed Tailwind via npm:
npm install -D tailwindcss postcss autoprefixer
I also created the following config files ...
1
vote
1
answer
365
views
Tailwind CSS v4 custom classes in plugin not showing IntelliSense in VS Code when building UI library
I'm currently building a custom component library (similar to DaisyUI) using Tailwind CSS v4. I'm defining custom utility classes such as .badge, .badge-success, .badge-error, etc., through a plugin ...
1
vote
1
answer
573
views
Linting not working from TailwindCSS v4 when using TailwindCSS IntelliSense
I've been using the TailwindCSS IntelliSense VSCode plugin since TailwindCSS v3.
Recently, I created Next.js 15 project using TailwindCSS v4 with create-next-app.
Autocomplete and Hover previews are ...
0
votes
2
answers
272
views
Displaying color boxes next to the TailwindCSS class names indicating the color, anywhere such as in class or className attributes
Is it possible to display color boxes before any TailwindCSS class name related to colors, regardless of where I write the TailwindCSS class name?
I've noticed that this works perfectly in CSS files ...
8
votes
3
answers
15k
views
Tailwind CSS v4 - Unknown at rule @plugin, @custom-variant, @theme, @utility, @variant, @apply, @source, @reference in global.css
I'm using Tailwind CSS v4 in my Next.js project and getting the following errors in globals.css:
Unknown at rule @plugin css(unknownAtRules)
Unknown at rule @custom-variant css(unknownAtRules)
...
0
votes
1
answer
130
views
How to show TailwindCSS classes before functions on VSCode autocomplete suggestions
When I start typing p inside a React component, it suggests some functions, but I want Tailwind CSS classes to appear first in the autocomplete suggestions instead. Is there a way to configure my ...
0
votes
3
answers
2k
views
Adding TailwindCSS association to Vue/Svelte/Astro file to disable "css(unknownAtRules): Unknown at rule @apply"
I want to associate TailwindCSS syntax interpretation with .vue (or Svelter / Astro) files so that the VSCode doesn't show errors for TailwindCSS directives in the <style> section, which would ...
46
votes
7
answers
77k
views
Unknown at rule @tailwind css(unknownAtRules) - Tailwind error
I am unable to see the output on the display due to this problem. How can I fix this issue? I have already spent a lot of time trying to solve it, so can anyone provide a solution?
@tailwind base; ...
-2
votes
1
answer
175
views
How to add custom class when I have this problem? [duplicate]
I can't add custom class. There seem to be three problems here and I don't know what the yellow line is.
I have installed it several times but it did not help. I checked all the routes and there was ...
10
votes
5
answers
10k
views
TailwindCSS IntelliSense not working in VSCode when use Play CDN without more configuration
TailwindCSS IntelliSense in VSCode is not working when I use it with the TailwindCSS "Play CDN". I don't use any more configuration.
I installed TailwindCSS IntelliSense and then created a ...
2
votes
5
answers
6k
views
React Native - Tailwind CSS autocomplete in VSCode for twrnc package
I am using twrnc package for using Tailwind CSS in React Native Project.
The syntax for that is,
<View style={styles.container}>
<Text style={tw.style`text-green-500 font-bold`}>Open up ...
106
votes
51
answers
221k
views
Tailwind CSS IntelliSense plugin just isn't working on my VSCode
So the description of the plugin is that it'll display suggestions of classes when am working on the markup, but it doesn't. I've reloaded the plugin countless times. I even restarted VSCode and ...
385
votes
30
answers
390k
views
How to add a @tailwind CSS rule to CSS checker
Tailwind CSS adds a @tailwind CSS at rule which is flagged as unknown. How can I avoid this error?
@tailwind preflight;
@tailwind utilities;
Warning: Unknown at rule @tailwind css(unknownAtRule)