Sass @if true statement not working function

Question

ピクセルサイズをemsまたはremsに変換する関数を作成しようとしています。次のように関数は次のとおりです。

@function px2em($pixels, $fontSize: 16, $rem: false) { 
    @if $rem == true { 
     $unit: 0rem; 
    } @else { 
     $unit: 0em; 
    } 
    $ratio: 1/$fontSize; 
    @return ($pixels * $ratio) + $unit; 
} 

私はこれをコンパイルすると、私は次のエラーを取得する：私はここで何が問題を

error style.scss (Line 36 of _functions.scss: Undefined variable: "$unit".) 

やっていますか？

Answer 1

SASSにはblock scopeがあり、1つのブロックで定義された変数はそのスコープ内でしか使用できません。ですから、もし-elseブロックの外で$ユニットを使用したいので、あなたはこのようにそれを宣言する必要があります

@function px2em($pixels, $fontSize: 16, $rem: false) { 
    $unit: 0em; 

    @if $rem == true { 
     $unit: 0rem; 
    } 
    ... 
} 

Answer 2

を、この特定のインスタンスでは、むしろ@if声明

よりも、 if()機能を使用する場合があります

$unit: if($rem, 0rem, 0em); 

http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html#if-instance_method