DEV Community

loading...

Discussion on: Learning about CSS architecture

Collapse
grasmachien profile image
grasmachien

Or you could use scss/sass. That way you can create a nice file structure and still benefit from the cascade. This creates 1 css file and will give you the caching advantage as you mentioned.

Collapse
cedricgourville profile image
Cédric Gourville

Yes but you need to add a BEM methodology or something else

Collapse
grasmachien profile image
grasmachien

Not at all. Just make sure to structure your scss files in a good way and give logical named to classes and ID'S.

BEM is a good practice to use in big teams. You could and should use it in other architectures as well.

I will admit it takes a bit more thought beforehand to do it right. But you can prevent a lot of duplicate code this way.

IMO scoped css makes people lazy and they are going to make a big mess because it does not break anything.
It does however break the ability to quickly change your styles.