Frage Sass negativer variabler Wert?


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

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

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

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

Die Margin-Beträge werden in positive Zahlen umgewandelt. Fehle ich etwas?


75
2017-11-08 19:35


Ursprung


Antworten:


Versuchen Sie es so

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

161
2017-11-08 19:44



Die vernünftigere Lösung nach Sass Richtlinien wäre es interpolate Variablen wie das folgende Beispiel:

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

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


3
2017-12-27 10:41