Les opérateurs

Les opérateurs en Sass

Faire des calculs dans votre CSS est très utile. Sass a une poignée d'opérateurs mathématiques standard comme +, -, *, / et %. Dans notre exemple, nous allons faire des calculs simples pour calculer les largeurs d'un article.

.container { width: 100%; }

article{
  float: left;
  width: 600px / 960px * 100%;
}

Nous avons créé une grille fluide très simple, basée sur 960px. Les opérations dans Sass nous permettent de faire quelque chose comme prendre des valeurs de pixels et les convertir en pourcentages sans trop de tracas. Le CSS généré ressemblera à ceci :

.container {
  width: 100%;
}

article {
  float: left;
  width: 62.5%;
}