Formation Prestashop intégrateur: Sass / Calculs
Vous êtes ici : Accueil / Prestashop intégrateur / Sass / Calculs
Calculs
Vous pouvez intégrer des calculs et des comparateurs directement dans vos fichiers scss.
- * / % et les comparateurs <, >, <=, => pour les nombres.
- pour concaténer deux chaînes de caractères.
- and or et not pour les variables de type boolean.
- == et != pour tous les types de variables.
- les parenthèses permettent de gérer la priorité des opérations.
Exemple SCSS :
p {
cursor: e + -resize;
font-family: sans- + 'serif';
margin: 3px + 4px auto;
width: (1em + 2em) * 3;
}
Résultat CSS après compilation :
p {
cursor: e-resize;
font-family: sans-serif;
margin: 7px auto;
width: 9em;
}