Styleguide
Retour sommaire

Framework CSS

Syntaxe SCSS

  • Indentation : 2 espaces
  • 80 caractères maximum par lignes
  • 1 déclaration par ligne

Convention de nommage CSS

Utilisation de la méthodologie BEM.

/* Composant */
.my-component { … }

/* Composant enfant */
 .my-component__element { … }
 .my-component__element__child { … }

/* Modificateur de composant */
.my-component--modifier { … }

/* État du composant */
.my-component--state { … }

/* Ciblage réservée au javascript */
.js-my-script { … }