我有这个.scss文件/sas:
$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});
}