SCSS if指令:如何传递多个变量？

Question

我该如何编写这段代码，以便同时检查$text-shadows和$shadows的真实性？

.btn {
  @if $text-shadows {
    @include text-shadow-black;
  }
  @if $shadows {
    @include shadow-white;
  }
 }

需要说明的是，我想要实现的是不嵌套：

.btn {
  @if $text-shadows {
    @if $shadows {
      @include text-shadow-black;
    }
   }
 } 

Answer 1

您正在查找and关键字：

.btn {
  @if $text-shadows and $shadows {
      @include text-shadow-black;
  }
}