Správne pridanie jednotky k číslu Triky CSS

Anonim

Pri prevode čísla bez jednotky na dĺžku, trvanie, uhol alebo čokoľvek majú ľudia tendenciu jednoducho pripojiť jednotku ako reťazec, napríklad takto:

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

Aj keď táto metóda funguje, nie je zďaleka ideálna, pretože má za následok implicitné vrhanie počiatočnej hodnoty ako reťazca. Skutočne, ak $lengthodteraz skúsite robiť matematiku s hodnotou, uvidíte, že Sass rýchlo vyhodí chybu, pretože nemôže robiť matematické operátory pomocou reťazca.

Ak chcete vyriešiť tento problém, existujú dva spôsoby, ako to urobiť správne:

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

Ktorákoľvek z týchto metód vyprodukuje správne číslo podľa očakávania, nie reťazec.