Beim Umwandeln einer Einheitenlosen Zahl in eine Länge, Dauer, Winkel oder was auch immer, neigen die Leute dazu, die Einheit einfach als String anzuhängen, so:
$value: 42;
$length: $value + px;
// 42pxDiese Methode funktioniert zwar, ist aber alles andere als ideal, da sie dazu führt, dass der ursprüngliche Wert implizit in einen String umgewandelt wird. Tatsächlich, wenn Sie versuchen, mit dem Wert $length von nun an Berechnungen durchzuführen, werden Sie feststellen, dass Sass schnell einen Fehler ausgibt, da es keine mathematischen Operatoren mit einem String durchführen kann.
Um dieses Problem zu umgehen, gibt es zwei richtige Wege:
$value: 42;
$length: $value + 0px;
// 42px$value: 42;
$length: $value * 1px;
// 42pxJede dieser Methoden erzeugt korrekt eine Zahl wie erwartet und nicht einen String.
Ich benutze die letzte Methode, und sie funktioniert gut.
Multiplikation ist eine weitaus kompliziertere Operation für einen Computer als Addition. Benutzen Sie also immer die erste Methode.
Zustimmung
Es ist nicht weit komplizierter. Addition ist linear und Multiplikation ist nicht weit davon entfernt. Für so kleine Zahlen ist es sowieso nur ein Zyklus, also macht es wirklich keinen Unterschied.
$value:1px;
$value:2px;
$value3:$value1+$value2; // 1px2px
Ist das nicht das, was Sie erwartet haben?
Das liegt außerhalb des Rahmens, da versucht wurde, eine Zahl zu ihrer Einheit hinzuzufügen!