steveosoule
12/30/2014 - 8:39 PM

CSS Naming Conventions

CSS Naming Conventions

/* FROM: http://nicolasgallagher.com/about-html-semantics-front-end-architecture */


/* Utility */
.u-utilityName {}

/* Component */
.ComponentName {}

/* Component modifier */
.ComponentName--modifierName {}

/* Component descendant */
.ComponentName-descendant {}

/* Component descendant modifier */
.ComponentName-descendant--modifierName {}

/* Component state (scoped to component) */
.ComponentName.is-stateOfComponent {}