notes_sur_sass-guidelines
This is an old revision of the document!
Domaine | Règle |
---|---|
Encodage | Recommandation : forcer l’encodage UTF-8 dans fichier principal via directive @charset comme premier élément de la feuille de style. |
Chaînes de caractère | Toujours entre guillemets simples ex: 'left' |
Identificateurs | Pas de guillemets simples pour les identificateurs ex: sans-serif |
Nombres | non : .1 / oui 0.1 |
unités | longueurs égales à 0 sans unités ex non : 0em / oui 0. Pas pour durées comme 0ms |
unités | pour ajouter une unité à un nombre on multiplie par 1unit ex non : $value + px, oui : $value * 1px |
unités | Pour supprimer l’unité d’une valeur, il suffit de la diviser par une fois son unité. ex : $length: 42px; $value: $length / 1px; → 42 |
calculs | Les calculs numériques de premier niveau devraient toujours être entre parenthèses. non : width: 100% / 3, oui : (100% / 3) |
couleur | ne pas utiliser les mots-clés comme red |
couleur | préférez le HSL, sinon le RGB, mais évitez le HEX |
couleur | associer une couleur à une variable |
couleur | pour un thème utiliser des variables spécifiques au thème (proxys) |
couleur | il peut être judicieux de préférer mix') + noir ou blanc que lighten() et darken() (ou implémenter/utiliser tint et shade) voire aussi scale-color |
listes | listes toujours entre parenthèses |
listes | utilisez append et prepend (l'API prévue quoi) pour ajouter des éléments à une liste |
notes_sur_sass-guidelines.1470847593.txt.gz · Last modified: 2016/08/10 18:46 by leo