Intellij不支持CSS3 calc（函数）中的sass变量

Question

我在一个. scss文件中有以下sass代码，它可以完美地工作。

$headerHeight: 90px;

.basePageContent {
  height: calc(100% - $headerHeight);
  width: 100%;
  position: absolute;
  top: $headerHeight;
  bottom: 0;
  display: block;
}

但是Intellij将其显示为无效代码。这可能是我的IDE上的无效设置还是Intellij错了？

我在下面的建筑上

IntelliJ IDEA 2017.3（终极版）Build#IU-173.3727.127，于2017年11月27日发布JRE:1.8.0_152-release-1024-b6 x86_64 JVM:OpenJDK 64位服务器虚拟机JetBrains s.r.o Mac OS X 10.13.1

Answer 1

IDE工作正常。阅读有关插值的文章。

$headerHeight: 90px;

.basePageContent {
  height: calc(100% - #{$headerHeight});
  width: 100%;
  position: absolute;
  top: $headerHeight;
  bottom: 0;
  display: block;
}