Tailwind 4, prefix and @source

[hocrattot]

I need to add a prefix to my tailwind css so following the doc I did :

@import 'tailwindcss' prefix(tw); @source "../views";

but the source seems to be unused. In the css file generated I have this :

@layer base,components,utilities;

If I remove the prefix like this :

@import 'tailwindcss'; @source "../views";

Then my css files contains all the utilities as expected.

How should I do ?

[RobinMalfait]

Hey!

Can you share a minimal reproduction repo so we can take a look?

[hocrattot]

Hey Robin,

It's all good now !

I could figure it out. I thought that the prefix would be used as in the v3 with generated classes like : .tw-visible.
But reading the doc again I finally saw that in the v4 we actually end up with classes like : .tw\:visible
So after fixing my template, my css file has all the utilities.