Yeah, agree - I have edited my post - sorry.
That’s 25 characters and all of them for just a single background style. What’s the worst is the fact that’s not even the longest one possible. Besides that you need color, many layout classes and other - all of those in various versions and so on …
You either split class attribute into multiple lines making it longer than the whole element without it which is just insane - or you keep it in a single line and scrolling every element just to find the right class. There is no way that it would be any close to clean solution. We don’t need any other arguments besides this one.
Tailwind may seem nice at start, but the more complex your template is the worse it looks like.
What’s success? It was forced and many posts were created to ask how to get rid of it completely, how to install some CSS framework and so on … The way it was forced is terrible to maintain and customise if you don’t want to use Tailwind. I can’t call it a success at least in Elixir ecosystem.
Unfortunately I found such way of thinking giving terrible results in practice. You can’t just ignore downsides, because we didn’t talk about reasons … When introducing something new we shouldn’t add more problems than we already had.
For mentioning what was forced in past regardless of downsides for some idea your post may be flagged, so I can’t provide an example, but I guess millions of people know at least few “mainstream” things, right? For me the not readable code is not a fence, but a wall that should never be reached at first.
Elixir allows developers to focus on business code and by introducing Tailwind we unfortunately went in the opposite way as we either focus on removing it or designing everything from start. If you write all CSS or SASS code by your own then you don’t have to worry about stripping unused classes. This only applies to frameworks that introduces additional classes, but it does not apply to frameworks that only introduce custom mixins and use related SCSS features.
It does not matter what Tailwind provides - if using it makes my code less readable then I can’t even consider it. SASS extends vanilla CSS and I believe that all libraries should be based on it. There should not be any CSS library since as you said there is no sense to adding unused classes. There are just much better tools that does similar thing just a little bit different and I really can’t wait to see a support for it in Phoenix.
