Grouping Related CSS Classes In Markup:
<div class="[ Component Component--modifier ] u-utility"></div>
Naming Convention:
.Component {}
.Component.is-animating {}
.Component--modifier {}
.Component-child {}
.Component-anotherChild {}
.u-utility
.u-anotherUtility