Play with TailwindCSS in the Browser

Re:Play with TailwindCSS in the Browser by agloeregrets on Friday June 10, 2022 @08:05AM (#31692871)

> It’s like you have to learn every raw CSS selector, and then also learned how it’s represented in Tailwind, and then scatter that all over your markup.

In my experience, tailwind is pretty close to the real CSS properties. What I found to be wonderful and freeing about it is that it stops the middle step of engineering and naming classes and naming elements with class names and let's you just do styling. There's also a really great plugin for VS code that adds intellisense. Personally I found the modifiers that allow you to target pseudo selectors like :hover to be a superpower. I totally understand the other side of the argument though. It's a lot.

[ Parent | on HN ]

Re:Play with TailwindCSS in the Browser by jonwinstanley on Friday June 10, 2022 @08:31AM (#31693136)

CSS has special syntax for media queries, hover states, dark mode etc. If anything, once you are into it Tailwind is far more "guessable".

[ Parent | on HN ]

Re:Play with TailwindCSS in the Browser by agloeregrets on Friday June 10, 2022 @08:39AM (#31693217)

Correct, but wring all of those can get confusing and adding a single psudoselector syntax for something is at least a few lines and figuring out how to organize css. Scss is definitely better for this but even then it's a bit nebulous remembering which selector has the states in them.

[ Parent | on HN ]