@Floppy @james @pikesley any time I’ve looked at Tailwind I’ve felt the same way. There’s *something* there, but it feels like they went halfway by introducing a bunch of reusable classes and then stopped before adding the pre-processor that’s so obviously needed to translate .callout to a class incorporating .x-large, .float-left, .padding-2 and so on.
So I think Tailwind has a place as “I need to make a quick demo or mockup”. Learn the syntax, use someone else’s component libray, no need to think about design.
But also you can just write some
CSS. It’s not slower.
Also Tailwind would go up in my estimate if they at least used full words for things. They massively increase the overhead of learning and understanding what you’re reading and writing because of their absolutely bullshit shorthand which is definitely just for the illusion of speed. Less time timing but now double timing remembering if it’s ‘space-y-4’ or ‘y-space-4’
If only CSS had its own shorthand for that :/
Oh wait
padding: 4px 0
Or how about
padding-block: 4px 0
And now you can support more all the writing modes, LTR etc using logical properties!