Assim com a identação, nós podemos fornecer muita informação por meio de uso liberal e criterioso de espaços embranco entre os conjuntos de regras. Nós usamos:
- Uma (1) linha vazia entre conjunto de regras intimamente relacionadas.
- Duas (2) linhas vazias entre conjunto de regras vagamente relacionadas.
- Cinco (5) linhas vazias entre seções inteiramente novas.
Por exemplo:
/*------------------------------------*\
#FOO
\*------------------------------------*/
.foo { }
.foo__bar { }
.foo--baz { }
/*------------------------------------*\
#BAR
\*------------------------------------*/
.bar { }
.bar__baz { }
.bar__foo { }
Não deve haver numca um cenário em que dois conjunto de regras não tem uma linha vazia entre eles. Isto deveria ser incorreto:
.foo { }
.foo__bar { }
.foo--baz { }