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%;
}
Par Clouder le 31 Jul 2018
Cette pub permet au site de vivre ...

Commentaire

Tu veux participer ?
Alors connecte toi ou inscris toi et viens participer !