- BEM Naming convention (Block, Element, Modifier) is a methodology that we use to achieve reusable components.
- Hyphenatedbem
- Don't use ID's for style.
- Avoid over-qualified selectors:
h1.page-title
,div > .page-title
- Use meaningful names:
$visual-grid-color
not$color
or$vslgrd-clr
.