सास @if सच्चा बयान काम नहीं कर रहा है

Question

मैं एक ऐसा फ़ंक्शन बनाने की कोशिश कर रहा हूं जो एक पिक्सेल आकार को ईएमएस या रीम्स में परिवर्तित करता है।

@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 है, एक ब्लॉक में परिभाषित चर केवल उस दायरे में उपलब्ध होंगे। तो तुम अगर-बाकी ब्लॉक के बाहर $ इकाई का उपयोग करना चाहते हैं, तो आप इस तरह यह घोषणा करना चाहिए:

@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