User Tools

Site Tools


notes_sur_sass-guidelines

This is an old revision of the document!


DomaineRègle
EncodageRecommandation : forcer l’encodage UTF-8 dans fichier principal via directive @charset comme premier élément de la feuille de style.
Chaînes de caractèreToujours entre guillemets simples ex: 'left'
IdentificateursPas 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
calculsLes 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