Styleguide
Retour sommaire

Framework CSS

Support Navigateur

  • Internet Explorer 10+
  • Edge
  • Firefox 28+
  • Chrome 21+
  • Safari 6.1+

Syntaxe SCSS

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

Convention de nommage CSS

// Composant
.myComponent { … }

// Composant enfant
.myComponent-element { … }

// Modificateur de composant
.myComponent--modifier {
    .myComponent-element { … }
    .myComponent-otherElement { … }
}

// État du composant
.myComponent.is-state { … }

// Classe réservée au javascript
.js-myComponent { … }