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

}