Hacker News Reader

HNHacker News

Top New Best Ask Show Jobs

Comment by wishinghand | Hacker News Reader

Parent Full thread

wishinghand·

This can easily be accomplished with SASS and a methodology like BEM. And it makes the markup a lot easier to read.

View on HN

If you prefer that great, which is why I said that I don't think it makes a huge difference one way or another.

.i-dont__find-bem--very-readable.

Sass makes it a lot nicer to write BEM notation. The long class names used to bother me too, but it is actually much nicer than not knowing where a class came from. Is `.right-button` a global button style, or unique to this component?

I agree that sass enables nice readable BEM, but I don't really think that BEM makes markup any easier to read than something like tailwind.

If you're into knowing where your class came from, it seems tailwind would be even better for you because now you have access directly to your styles right there in your markup. Skip the class step altogether!

Wouldn’t you know that if the Sass is indented?

I treat my name spacing the way I do in most source code. All the code for a unit is in the same file or in files called out from that file.

If you’re not nesting in Sass you’re missing out on some of the better parts.

after doing a project with tailwind I have completely abandoned the idea of BEM. while it was nice having clean classes, having the styles directly in the html is way easier to reason about.

I have the same experience. After working four years with BEM, we switched to atomic css. We only use BEM for big components. It has been a delight.

We're back to filling in style attributes on each tag, aren't we?

Not quite, because you can still define thematic defaults and change those globally to suit any changes to your style book.

Reply on news.ycombinator.com