|<- [[80 Characters Wide]]|[[Anatomy of a Ruleset]] ->|

====== Titrage ======

Commencez chaque nouvelle section majeure d'un projet CSS par un titre :

<code>
/*------------------------------------*\
  #SECTION-TITLE
\*------------------------------------*/

.selector { }
</code>

Le titre de la section est préfixé avec un symbole dièse afin de permettre de faire des recherches ciblées (avec grep ou autre) : au lieu de recherche titre-de-section qui peut renvoyer différents résultats, une recherche ciblée sur #titre-de-section ne renverra que la section en question.

Laisser un retour chariot entre le titre et la première ligne de code (qu'il s'agisse d'un commentaires, de SASS ou de CSS).

Si vous travaillez sur un projet ou chaque section est un fichier, un titre devrait apparaitre en haut de chacun de ceux-ci. Si vous travaillez sur un projet avec de multiples sections parfichier, chaque titre devrait être précédé par 5 retour chariot. Cet espace vide couplé avec un titre rend bien plus aisé de voir les différentes section lors du scroll à travers de grands fichiers :

<code>
/*------------------------------------*\
  #A-SECTION
\*------------------------------------*/

.selector { }





/*------------------------------------*\
  #ANOTHER-SECTION
\*------------------------------------*/

/**
 * Comment
 */

.another-selector { }
</code>