Category: bem

Combining the Powers of SEM and BIO for Improving CSS

CSS is easy, some might argue, but that “easiness” can cause messy code. This is especially true through power of preprocessors like Sass or Less where, if you aren’t careful, your CSS can become harder to deal with instead of easier. Sass? Harder? This Gist shows a great example of Sass nesting hell. If ...

Theming With Variables: Globals and Locals

Cliff Pyles contributed to this post. Setting CSS variables to theme a design system can be tricky: if they are too scoped, the system will lose consistency. If they are too global, you lose granularity. Maybe we can fix both issues. I’d like to try to boil design system variables down to two types: Global and Compon...

Developing Extensible HTML and CSS Components

The following is a guest post by Jon Yablonski. Jon is going to show us an example of how we might approach markup such that one component is particularly versatile. It works as-is, and has a standardized way of making variations (adding a single class) that allow the design to be altered to fit the situation. Media ...

(To use or not-to-use) Classes

Love me some blog debates! Papa Bear, Mama Bear, Baby Bear. Direct Link to Article — Permalink (To use or not-to-use) Classes is a post from CSS-Tricks ...