- Nesting:
.anElement {
&_aBlock {
…
}
&_anotherBlock {
…
}
&_anotherBlockAgain {
&:hover {
…
}
}
}
- Limiting Nesting to Pseudo Elements:
.anElement {
…
}
.anElement_aBlock {
…
}
.anElement_anotherBlock {
…
}
.anElement_anotherBlockAgain {
&:hover {
…
}
}
The ability to search a codebase for a class name is super important.
anElement
will be repeated in your output a number of times anyways, so being DRY I'm not sure is really a concern here.My vote - no nesting except pseudo selectors.