Der er en masse forvirring omkring den måde, enheder fungerer i Sass. Alligevel fungerer de nøjagtigt som de gør i det virkelige liv. Hvis du vil fjerne værdienheden, skal du dele den med 1 enhed. For eksempel skal du dele den med for at fjerne cmenheden af . Det fungerer nøjagtigt det samme i Sass.42cm1cm
$length: 42px; $value: $length / 1px; // -> 42Men hvad hvis du ikke kender enheden i brug? Lad os sige, at det kunne være hvad som helst, fra pixels til emeller endda vwog ch. Så er vi nødt til at abstrahere logikken i en funktion:
/// Remove the unit of a length /// @param (Number) $number - Number to remove unit from /// @return (Number) - Unitless number @function strip-unit($number) ( @if type-of($number) == 'number' and not unitless($number) ( @return $number / ($number * 0 + 1); ) @return $number; )Beregningen kan se mærkelig ud, men det giver faktisk mening. For at have 1af enheden af $numberkan vi gange $numbermed 0og derefter tilføje 1.
Anvendelse
$length: 42px; $value: strip-unit($length); // -> 42