css - SCSS:在扩展内添加if语句

有机会在扩展中添加条件吗？

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

先感谢您！

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

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

最佳答案

是的你可以。但是如果您可以使用mixin /函数来检索$ frameHeight并在扩展中使用它，则它更干净。
您的代码中的问题是您无法检查“ true”，因为＆frameWidthMobile不是布尔值。您应该改为检查真实性。

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