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?
Essayez comme ça
margin: 0 (-$pad) 20px (-$pad);
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