Ispravno dodavanje jedinice na broj - CSS-trikovi

Pri pretvaranju broja bez jedinice u duljinu, trajanje, kut ili bilo što drugo, ljudi obično dodaju jedinicu kao niz, poput ovog:

$value: 42; $length: $value + px; // 42px

Iako ova metoda djeluje, daleko je od idealne jer rezultira implicitnim lijevanjem početne vrijednosti kao niza. Zapravo, ako $lengthod sada pokušate raditi matematiku s vrijednošću, vidjet ćete da Sass brzo baca pogrešku jer ne može raditi matematičke operatore s nizom.

Da biste zaobišli ovaj problem, postoje dva načina kako to ispravno učiniti:

$value: 42; $length: $value + 0px; // 42px

$value: 42; $length: $value * 1px; // 42px

Bilo koja od tih metoda ispravno će stvoriti broj kako se očekuje, a ne niz.