SCSS / SASS 三元運算子 Ternary Operator

#工作時的小筆記

if($condition, $if-true, $if-false)  

1. 可放進 interpolation #{if( ... , '...' , '...')}
2. 可作為變數值 $var:if( ... , '...' , '...' );
3. 可作為@debug值
   @debug $var;
@debug 'var is #{$var}';
   
4. 將三元運算子的輸出結果作為 class property 時，需使用 interpolation #{...}，否則將被視為變數宣告：
   $key:false; $var:if( $key , 'yes' , 'no' ); .test{ $var:$var; // 未始用interpolation，此行語意被編譯器視為：宣告變數$var值為"no" #{$var}:$var; // 會被編譯 no:"no"; #{$var}:string2; // 會被編譯 no:"string2"; }

翻文件要寫筆記的時候，赫然看到三元運算子被登記在案了！應該是人家早就在那，自己之前眼ㄆㄧㄚˊ
之前是在某章節範例裡窺見趕緊筆記下來的啊~

官方文獻： Sass: Built-In Modules / Overview