10 ms·
> This plugin would allow me to use my existing CSS knowledge by writing: <div class="display-flex align-items-center gap-8px border-radius-6px padding
by johnchristopher 4y ago
> This plugin would allow me to use my existing CSS knowledge by writing:
<div
class="display-flex align-items-center gap-8px border-radius-6px padding-4px"
>
<!-- ... -->
</div>
> Instead of:
<div class="flex items-center gap-2 rounded-full p-1">
<!-- ... -->
</div>
But... why ?
I just don't get tailwind.
- themosaad 4y agoThis is far from being the best example of WHY you should use Tailwind CSS. I wrote about the HOW. I'll try to write another article about the WHY soon.
- johnchristopher 4y agoI think something clicked yesterday after reading a comment. It works for SPA/css-in-js/components-based projects, and this long class string is manageable as long as it is only present in one single place in the whole project (thinking about versioning and the mental model of where's what).
- esparrohack 4y agoMy gripe is that it’s stuff I don’t always have to care about. If I’m not working with CSS it’s just noise. Whatever way that’s refactored, I only want to see that when I’m working with the styles and I don’t wanna do anything special for it either.