Sass 为什么这个scss输出不是显示计算出的总数,而是一个var字符串?

Sass 为什么这个scss输出不是显示计算出的总数,而是一个var字符串?,sass,Sass,我有一个.scss文件/sass: $var-1:100px; $var-2:100px; $var-3:100px; $total-height:$var-1 + $var-2 + $var-3; .some-class{ max-height: calc(100vh - $total-height); // 100vh + 300px } 最终输出的css仅输出以下内容: .some-class{ max-height: calc(100vh - $total-height);

我有一个.scss文件/sass:

$var-1:100px;
$var-2:100px;
$var-3:100px;
$total-height:$var-1 + $var-2 + $var-3;
.some-class{
  max-height: calc(100vh - $total-height); // 100vh + 300px 
}
最终输出的css仅输出以下内容:

.some-class{
  max-height: calc(100vh - $total-height);
}
var没有得到处理,所以我想知道为什么
$total height
没有输出预期的
300px

您需要在
calc()中使用该变量:

.some-class {
  max-height: calc(100vh - #{$total-height});
}