I just started a new sage 10.7.0 project, and I’m struggling including .css files in app.css.
This is partially working but I can not use
@apply text-3xl: (or tailwind class) in typo.css, not working.
If I change the order, it’s like typo.css is not even read.
Did I miss something ?
Thank you for your time
Can you share your
typo.css file? I’ve just tried to replicate this on Sage 10.7.0 with:
The body font size is now 3xl. It appears to work as expected.
@apply text-3xl; // not working
@apply !text-3xl; // working
It seems because you need to import css before @tailwind rules, some rules are overwritten by @tailwind default.
I did your example, it’s working on body tag. But not on h1.
You’d want to add those to the base layer, see how the Tailwind docs cover this: