web-dev-qa-db-fra.com

Sass valeur variable négative?

J'ai quelques sélecteurs scss où j'utilise la même quantité positive et négative, comme dans:

padding: 0 15px 15px;
margin: 0 -15px 20px -15px;

Je préfère utiliser une variable pour tous les montants de 15 pixels, mais cela ne fonctionne pas:

$pad: 15px;
padding: 0 $pad $pad;
margin: 0 -$pad 20px -$pad;

Les montants de marge sont convertis en nombres positifs. Suis-je en train de manquer quelque chose?

91
Steve

Essayez comme ça

margin: 0 (-$pad) 20px (-$pad);
193
Zoltan Toth

Une solution plus sensée selon les directives sass serait de interpolate variables comme l'exemple suivant:

margin: 0 -#{$pad} 20px -#{$pad};

Un exemple: https://www.sassmeister.com/Gist/c9c0208ada0eb1fdd63ae4783091729

18
Vangel Tzo