Not this again. With Tailwind, there are no hidden abstractions. Does that make the html harder to look at? Yes. But the tradeoffs are that you're not hiding how your CSS interacts with your documents, the way "traditional" CSS is done (more complex). If you're going to use the word "obfuscate" in this conversation, you cannot use it about Tailwind because everything that is happening is 100% transparent and based on single-use style-to-class mappings.
Huh? Tailwind is absolutely an abstraction. You can tell because the "arbitrary variants" feature lets you write (roughly) "real CSS" — that's the abstraction leaking. And that's not the only place it does.
".masthead" is an example of high-level abstraction class you might find in complex CSS. This is the kind of thing where there's no guarantee your markup will match how the classes were "intended" to be used. How the classes fit the markup is the hidden part.
I didn't say Tailwind isn't an abstraction. It absolutely is, but it's a minimal one that is transparent. Every class does exactly what it says, nothing more, nothing less.
