Espaces signifiants

Tout comme avec l'indentation, on peu fournir beaucoup d'information à travers un usage abondant et judicieux d'espaces entre les bases de règles. On utilise :

1. Une (1) ligne vide entre deux bases de règles closely related.
2. Deux (2) lignes vides entre deux bases de règles loosely related.
3. Trois (5) lignes vides deux sections totalement nouvelles.

Par exemple:

/*------------------------------------*\
  #FOO
\*------------------------------------*/

.foo { }

  .foo__bar { }


.foo--baz { }





/*------------------------------------*\
  #BAR
\*------------------------------------*/

.bar { }

  .bar__baz { }

  .bar__foo { }

Il ne devrait jamais y avoir de scénario ou deux bases de règles n'ont aucune ligne vide entre elles. Ceci est incorrect :

.foo { }
  .foo__bar { }
.foo--baz { }