Object Orientated CSS
"Block Element Modifier"
Strict naming structure of CSS
.block {}
.block__element {}
.block--modifier {}
IDs have the highest specificity in CSS, non reusable
Considered an anti-pattern
BIG NO NO
There's no turning back after you start using them...
Classes that help differentiate whether they're CSS classes or JS classes
<button class="button button--ghost js-request-a-quote">Request a Quote</button>
Classes that help differentiate whether they're CSS classes or JS classes
ECMAScript6