css - @supports 不能从 Sass 编译成 CSS

Question

我写了一些 Sass 代码。我使用 Visual Studio Code，所有的自动化都是用 Grunt 完成的(我使用 grunt-contrib-sass 进行预处理)。

这是我的代码:

.news {
  background-color: #f8f5f2;
  border-bottom: 1px solid #e5ddd5;

  @supports (clip-path: polygon(0 0)) or (-webkit-clip-path: polygon(0 0)) {
    -webkit-clip-path: polygon(0 0, 50% 34px, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 50% 34px, 100% 0, 100% 100%, 0 100%);
    margin-top: -35px;
  }
}

编译后的CSS中没有@supports指令。我还尝试使用 LESS 和其他代码编辑器来完成。

有什么问题？

Answer 1

您的代码为我编译，因此没有任何问题。我怀疑您使用的是旧版本的 Sass，在这种情况下 @supports 将无法正确编译。请参阅此 GitHub 问题，已于 2014 年修复:https://github.com/sass/libsass/pull/612