SASS 如何将变量设置为不相等？

Question

我正在尝试创建一个等于无的变量。我已经尝试了以下..

$false:null;

-和-

$false:" ";

我想用的是这个......

@mixin myMixin($myVariable:"", $myOtherVariable){
    $false:null;
    @if $myVariable == $false {
       //do something
    }
    @if $myVariable != "" {
      //do something else
    }
}

@include myMixin("", $myOtherVariable);

我在此示例中使用了两个变量，但我计划使用两个以上。

基本上我想要做的是可以选择排除变量而不必使用空引号。 $false: ""; 的问题在于它仍然需要空引号。所以我想知道SASS中是否有一些东西可以指定“null / or nothing”。我认为它可能是空的。不过好像不是这样的。。

Answer 1

null 或 false 可以工作（null 是最新版本的 Sass 中的新功能）。两者都适用于您的示例。 null 的唯一优点是，如果您将其与属性一起使用，它就会消失。

@mixin myMixin($myVariable: false, $myOtherVariable: false){
  @if not $myVariable {
     //do something
  } @else {
    //do something else
  }
}

@include myMixin(false, $myOtherVariable);

Answer 2

将变量设置为“假”

$false: false;

Answer 3

Sass 是用 ruby​​ 编写的，它使用 nil 而不是 null。

@mixin myMixin($myVariable, $myOtherVariable){
  $false: nil;
  @if $myVariable == $false{
     color: inherit;
  } @else {
     color: $myVariable;
  }
}

p {
  @include myMixin(nil, $myOtherVariable);
}

.red {
  @include myMixin(red, $myOtherVariable);
}

Example on jsFiddle