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（终极版）构建 #IU-173.3727.127，已构建 2017 年 11 月 27 日 JRE：1.8.0_152-release-1024-b6 x86_64 JVM： JetBrains s.r.o Mac OS X 10.13.1 的 OpenJDK 64 位服务器虚拟机

Answer 1

IDE 工作正常。阅读interpolation。

$headerHeight: 90px;

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