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;
}