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内执行此操作，则不会像正常编程那样在范围外被检测到并标记为“未定义”

请帮忙。 假做相同，空给我错误

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;
  }

}