|<- [[Indenting]]|[[HTML]] ->|

====== 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 :

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

Par exemple:

<code>
/*------------------------------------*\
  #FOO
\*------------------------------------*/

.foo { }

  .foo__bar { }


.foo--baz { }





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

.bar { }

  .bar__baz { }

  .bar__foo { }
</code>

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 :

<code>
.foo { }
  .foo__bar { }
.foo--baz { }
</code>