Inicie cada nova seção principal de um projeto CSS com um título:
/*------------------------------------*\
#TÍTULO-DA-SEÇÃO
\*------------------------------------*/
.seletor { }
O título da seção é prefixado com um símbolo cardinal (#), para que possamos realizar pesquisas mais específicas (por exemplo grep, etc.): ao invés de pesquisar apenas TÍTULO-DA-SEÇÃO — o que pode retornar muitos resultados — uma pesquisa mais direta como #TÍTULO-DA-SEÇÃO deve retornar apenas a seção em questão.
Pule uma linha entre este título e a próxima linha de código (seja ela um comentário, códigos como SASS, ou código CSS).
Se você estiver trabalhando em um projeto onde cada seção possui seu próprio arquivo, este título deve aparecer no início de cada um dos arquivos. Se estiver trabalhando em um projeto com várias seções por arquivo, cada novo título deve possuir cinco (5) linhas de espaço em branco acima dele. Este espaço em branco, juntamente com um título, faz com que seja muito mais fácil encontrar seções dentro de arquivos maiores:
/*------------------------------------*\
#UMA-SEÇÃO
\*------------------------------------*/
.seletor { }
/*------------------------------------*\
#OUTRA-SEÇÃO
\*------------------------------------*/
/**
* Comentário
*/
.outro-seletor { }