Исправно додавање јединице на број - ЦСС-трикови

Anonim

При претварању броја без јединице у дужину, трајање, угао или било шта друго, људи имају тенденцију да једноставно додају јединицу као низ, на пример:

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

Иако ова метода делује, далеко је од идеалне јер резултира имплицитним преливањем почетне вредности као низа. Заправо, ако $lengthод сада покушате да радите математику са вредношћу, видећете да Сасс брзо баца грешку јер не може да ради математичке операторе са низом.

Да бисте заобишли овај проблем, постоје два начина да се то правилно уради:

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

Било која од тих метода правилно ће произвести број како се очекује, а не низ.