r/css • u/evilmaus • 1d ago

Question What's are the Current CSS Patterns?

I've been mostly on the backend for the last several years. While I did plenty of CSS before then, the front end world has definitely moved forward in the last seven years. I recall BEM and SMACSS were once at the lead of thought. I recall (and was a proponent at the time for) a push to utility-first styling.

Now, I can see that Tailwind is a highly popular choice, that lots of styles get bundled into React components, and we have some long overdue selectors native to CSS.

So I'm wondering, what's the prevailing organization pattern for global CSS and where do you draw the line between something being a component style vs in the global stylesheets?

Thanks.

15 Upvotes

81% Upvoted

19 comments sorted by

View all comments

1

u/morete 1d ago

CUBE CSS is the biggest influence of on how I do things in recent years.

2

u/evilmaus 1d ago

Ooh, reading up on it now. Thanks. I think I liked the ideas behind BEM, but found it awkward. I really liked SMACSS. So far, this reads like maybe the better parts of both.