Sass negativer variabler Wert?

Ich habe ein paar scss-Selektoren, bei denen ich die gleiche Menge positiv und negativ verwende, wie in:

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

Ich würde es vorziehen, eine Variable für alle 15px-Beträge zu verwenden, aber das funktioniert nicht:

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

Die Margenbeträge werden in positive Zahlen umgewandelt. Vermisse ich etwas

Versuchen Sie es so

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

Eine vernünftigere Lösung gemäß den Sass-Richtlinien wären interpolateVariablen wie das folgende Beispiel:

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

Ein Beispiel: https://www.sassmeister.com/gist/c9c0208ada0eb1fdd63ae47830917293

Ich füge meine zwei Penneth hinzu, nachdem ich die beiden vorherigen Antworten berücksichtigt habe, lese dann aber dies (Hervorhebung meiner):

Sie sollten besonders vermeiden, Interpolation wie zu verwenden#{$number}px . Dadurch wird keine Nummer erstellt! Es wird eine nicht in Anführungszeichen gesetzte Zeichenfolge erstellt, die wie eine Zahl aussieht, jedoch nicht mit Zahlenoperationen oder -funktionen funktioniert. Versuchen Sie, Ihre Matheeinheit sauber zu machen, damit die Einheit $numberbereits vorhanden ist px, oder schreiben Sie $number * 1px.

Quelle

Daher glaube ich, dass der richtige Weg wie folgt wäre, wodurch die mathematischen Fähigkeiten von SASS / SCSS erhalten bleiben:

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