css - sass如何实例化一个由@if设置的空变量

Question

我认为代码不言自明，所以这就是我所拥有的：

@mixin btnNoBackgr30($divName, $iconName, $xtypeYesOrNo ){
$xtypeBtn:nil;
@if xtypeYesOrNo == 'yes'{
     $xtypeBtn:x-button-#{$divName};
  }
@if xtypeYesOrNo == 'no'{
   $xtypeBtn:#{$divName};
}

.#{$xtypeBtn}{
    properties:values;
}

我在css中得到的只是这个

.nil{
    properties:values;
}

如何在@if 之外实例化变量？如果我在@if ofc 内执行此操作，则不会像正常编程那样在范围之外检测到它并标记为“未定义”

请帮忙。false 做同样的事情， Null 给我错误

Answer 1

给 $xtypeBtn 一些随机的默认值，因为它无论如何都会被重置？如果 $xtypeYesOrNo 可以未定义，是否也给它一个默认值？

@mixin btnNoBackgr30($divName, $iconName, $xtypeYesOrNo:default) {

  $xtypeBtn:default;

  @if $xtypeYesOrNo != default {
    // do whatever
  }

  @if xtypeYesOrNo == yes {
    $xtypeBtn: x-button-#{$divName};
  }

  @if xtypeYesOrNo == no {
    $xtypeBtn: #{$divName};
  }

  .#{$xtypeBtn} {
    properties: values;
  }

}