SCSS：在扩展中添加if语句

Question

是否有可能在扩展中添加条件？

我尝试使用下面的代码，但似乎无法正常工作，而且我不确定是否可以这样做。

提前谢谢！

$frameWidthDesktop: 1920px;
$frameWidthMobile: 340px;

%frame {
  width: $frameWidthMobile;
  @if $frameWidthMobile == true {
    $frameHeight: 620px !global;
  }
  @else {$frameHeight: 800px !global;}
  height: $frameHeight;
}

Answer 1

• 可以。但是如果您可以使用mixin /函数来检索$ frameHeight并在扩展中使用它，它就更干净了。

• 您的代码中的问题是您无法检查“ true”，因为＆frameWidthMobile不是布尔值。相反，您应该检查真实性。

  @if $ frameWidthMobile { $ frameHeight：620px！global; }