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 sro 的 OpenJDK 64 位服务器 VM 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;
}