Dodanie dwóch wartości w zależności Sass tworzy podwójne wystąpienie „px”

Question

Mam funkcji niestandardowej w Sass, która pobiera wartość em, listwy jednostkę i tworzy wartość px:

@function stripAndPx($in){ 
    $stripped: $in/($in * 0 + 1); //strip unit 
    @return #{ (($stripped) * 16) + 'px'}; //convert to px 
} 

jestem następnie próbuje wziąć zmienną eM:

$em-variable: 1em; 

i dodać go do zmiennej piksela na podstawie:

$px-variable: 20px; 

Przykład:

right: $px-variable + (stripAndPx($em-variable)); 

który tworzy ten wynik:

right: 20px16px; 

Oczekuję zarówno wartości należy dodać:

right: 36px;

Answer 1

Twoja funkcja zwraca ciąg znaków, a nie liczba. Sass zakłada, że ​​chcesz je połączyć, ponieważ to wszystko, co może zrobić z łańcuchem i jakimkolwiek innym typem.

@function stripAndPx($in){ 
    $stripped: $in/($in * 0 + 1); //strip unit 
    @return (($stripped) * 16) * 1px; //convert to px 
}