Tailwind classes not working in editor?

sage
, ,
1

Hello all,

I previously used sage 8 for projects and recently installed sage10 and have set everything up and it’s all working nicely. However I can’t seem to get tailwind classes added via the WordPress Additional CSS Classes section to work.

Some of the tailwind classes seem to work inside blades but not all. I feel like I must be missing something really obvious - perhaps I missed a step in the setup but I’ve gone back through it all and am still stuck. Can anyone offer a suggestion/help to resolve this?

For instance I just want to add rounded corners to a block: rounded is a css class in tailwind and I’d expected I could just add this class and it would be reflected in the front-end. It isn’t - I’ve tried a few variations and different classes but no joy.

Thanks!

2

Tailwind v3 introduced JIT compiling which affects which classes are included in your compiled CSS. If you’re wanting to use Tailwind classes in the editor like this, take a look at Gutenberg Tailwind Safelist

1 Like