Pareizi pievienojot vienību skaitam - CSS-triki

Konvertējot bezvienības skaitli uz garumu, ilgumu, leņķi vai citu, cilvēki mēdz vienkārši pievienot vienību kā virkni, piemēram:

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

Lai gan šī metode darbojas, tā nebūt nav ideāla, jo tās rezultātā sākotnējā vērtība netieši tiek izmantota kā virkne. Patiešām, ja jūs tagad mēģināsiet veikt matemātiku ar $lengthvērtību, redzēsiet, ka Sass ātri uzmet kļūdu, jo tas nevar veikt matemātikas operatorus ar virkni.

Lai novērstu šo problēmu, ir divi veidi, kā to pareizi izdarīt:

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

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

Jebkura no šīm metodēm pareizi izveidos skaitli, kā paredzēts, nevis virkni.