#Setting up nested CSS with Tailwind

2 messages · Page 1 of 1 (latest)

hearty sequoia
#

I added a postcss.config.cjs file to my project as astro/vite complained about nested css.

module.exports = {
  plugins: [
    require('autoprefixer'),
    require('@tailwindcss/nesting'),
    require('tailwindcss'),
  ],
};

But it still shows me the error below:

[vite:css] Nested CSS was detected, but CSS nesting has not been configured correctly.
Please enable a CSS nesting plugin *before* Tailwind in your configuration.
See how here: https://tailwindcss.com/docs/using-with-preprocessors#nesting

Is there something wrong with my config file?
I also just updated all packages to the latest versions, but still the error remains.

still imp