Unknown at rule @reference

[karchung0930]

May I know how to solve this error for TailwindCSS?

[florian-ariasu]

Hi! Try replace this:
@reference "tailwindcss/theme";
With:

@tailwind base;
@tailwind components;
@tailwind utilities; this is in case you use Tailwind directly.

If you need to access theme values, you can use Tailwind's built-in theme function:

.your-class {
padding-right: theme('spacing.6');
color: theme('colors.indigo.600');
}
Or if you're using custom properties, define them in your Tailwind config and reference them using CSS variables:
:root {
--spacing: 1.5rem;
--color-indigo-600: #4f46e5;
}

[aparajita]

It isn't an error with Tailwind, it's the editor (or the language server it's using) not recognizing the @reference at rule as valid. I don't use VSCode, so no idea how to fix it.