Les opérateurs

Par Clouder le 31 Jul 2018 0 +99

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%;
}
Cette pub permet au site de vivre ...

Commentaire

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