Sass négative de la valeur de la variable?

J'ai un couple de scss sélecteurs où j'utilise la même quantité de positif et de négatif, comme dans:

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

Je préfère utiliser une variable pour toutes les 15px quantités, mais cela ne fonctionne pas:

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

Les montants de marge de convertir des nombres positifs. Ai-je raté quelque chose?

InformationsquelleAutor Steve | 2012-11-08
  1. 189

    Essayer comme ça

    margin: 0 (-$pad) 20px (-$pad);
    • Automatiquement essayé cette approche - qui semble ne pas fonctionner lors de l'utilisation de calc fonction. Edit: il Semble que vous n'avez pas besoin d'utiliser les parenthèses lors de l'utilisation de calc, mais vous avez besoin d'interpoler stackoverflow.com/questions/17982111/...
    InformationsquelleAutor Zoltan Toth
  2. 16

    Plus sain solution selon sass directives serait à interpolate des variables comme l'exemple suivant:

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

    Un exemple: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293

    InformationsquelleAutor Vangel Tzo