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