I don't recommend Tailwind CSS
en.andros.dev
I don't recommend Tailwind CSS
1–10 of 178 posts
Re: I don't recommend Tailwind CSS
#2Re: I don't recommend Tailwind CSS
#3Re: I don't recommend Tailwind CSS
#4The only really critical things I need in scss are scaling typography and variables representing colors for iteratively generating class names and gradients and transparencies and stuff like that. By "scaling typography" I mean, I just have a loop that writes .scaling-typography-[a]-[b] where a and b range from 1 to 16, and the class that's generated scales from [a]em to [b]em between a phone size and a desktop size. In a rare case where that doesn't just work or it doesn't look good on a tablet or something, a couple specific rules extending xs- or sm- or whatever will cover it.
Re: I don't recommend Tailwind CSS
#5Re: I don't recommend Tailwind CSS
#6Re: I don't recommend Tailwind CSS
#7Never looked back. Also, inheriting projects with someone else’s code is fine. Just a quick look at the central config and you’re good to go.
Re: I don't recommend Tailwind CSS
#8I never even use tailwind in my own stuff, even though I think that small devoper-led side-projects are where it is a good fit (and the reason for it's popularity).
Re: I don't recommend Tailwind CSS
#9It always has been css.
That being said, it’s a hard problem and I don’t have a better idea.
Tailwind seems to at least fix or move the problem in the right direction.
Re: I don't recommend Tailwind CSS
#10The conventions and class names come really naturally fast, and you can always look it up. It's just not as a big of a problem people make it.
But the most ridiculous part of the article I found the cascade complaint:
I am some text
Yes, this does not work. Why should it?! There is not a single use case where this is a good idea! In classic CSS, you might want to override something based on modifier classes, but that is just not a thing with Tailwind! If you end up programmatically layering class names, you're looking at a code smell. Instead, you want to use attribute or state modifiers, like `aria-hidden:opacity-0`.