You suddenly reminded me about another good Tailwind thing: linter will highlight "p-1 p-0" as a mistake. I've never seen linters that warn on "your-custom-p1 your-custom-p0", but Tailwind makes it possible.
This is not a cascading issue. This is a "You're holding it wrong" issue. And when Phoenix does write 'p-0 p-1', Phoenix and Tailwind are not a good match.
Re:Tailwind V4 Is Finally Out
by isleyaardvark on Thursday January 23, 2025 @12:11PM
(#42805801)
If the alternative is:
.foo { padding: 0; padding: 1rem; }
then I can see the precedence but I don’t see how it’s an advantage. You can write bad code in any methodology.
That seems like an issue with Phoenix and not Tailwind or the Tailwind approach.
Of course you shouldn't do that, but it happens to be the case that Phoenix does exactly that