如何实例化由@if设置的空变量

时间:2013-03-21 09:28:57

标签: css variables if-statement sass instantiation

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

@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中执行它,它将不会像正常编程那样在范围之外被检测到并标记为ans'undefined'

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

1 个答案:

答案 0 :(得分:0)

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

}