tailwind.config.js is not being loaded.

[gheydon]

Hi,

I am setting up tailwind 4.1.11 on my system with vite and postcss. This is building tailwind fine, I can see things like hidden and block with no problem, however when I use something like sm:block I get an error like Error: Cannot apply utility class \sm:block` because the `sm` variant does not exist.`

I did some more investigation and I have found that it seems that tailwind.config.js just is not been loaded at all, so the breakpoints should come from the internal defaults.

I have used tailwind before, but this is the first time I have used the 4.x series and I am not sure what I am doing wrong.

Any help would be appreciated.
Gordon.

[wongjn]

Config is done in CSS, see https://tailwindcss.com/docs/theme

[gheydon]

Thanks. I got totally lost in the weeds and since I was not doing and upgrade I didn't look at those notes. Thanks.