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

Organisation des fichiers SCSS

• base/ : Normalisation et micro-reset des éléments de style
• components/ : Composants de l’application (menu, header, footer, boutons…)
• tools/ : Mixins et fonctions
• utils/ : Classes utilitaires
• documentation/ : Documention du styleguide
• _styleguide.scss : Import de la documentation
• _settings.scss : Variables SCSS
• main.scss : Feuille de style principale

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 { … }