Valore variabile negativo Sass?

Ho un paio di selettori scss in cui uso la stessa quantità positiva e negativa, come in:

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

Preferirei usare una variabile per tutti gli importi di 15px, ma questo non funziona:

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

Gli importi del margine vengono convertiti in numeri positivi. Mi sto perdendo qualcosa?

Provalo in questo modo

margin: 0 (-$pad) 20px (-$pad);

Una soluzione più sensata secondo le linee guida sass sarebbe quella di interpolatevariabili come il seguente esempio:

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

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

Aggiungo i miei due penneth dopo aver considerato le due risposte precedenti, ma poi ho letto questo (enfasi mia):

In particolare,#{$number}px dovresti evitare di usare l'interpolazione come . Questo in realtà non crea un numero! Crea una stringa non quotata che assomiglia a un numero, ma non funzionerà con alcuna operazione o funzione numerica. Prova a rendere pulita la tua unità matematica in modo che $numberabbia già l'unità px, o scrivi $number * 1px.

fonte

Pertanto credo che il modo corretto sarebbe il seguente, che preserva le capacità matematiche di SASS / SCSS:

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