CSS3 @support 指令在 SASS 编译期间抛出错误

标签 css sass gruntjs node-sass

我正在尝试编译这个 SASS:

@supports (display: flex) {
  .event_entry  {
    @include flexbox;
    @include flexwrap;
  }
}

我通过 grunt-sass 0.13.1 使用 node-sass 0.9.3(即 libsass)。但是,我收到此错误:

error: error reading values after display

与错误相关的行号是第一行,该行包含@supports指令。

我相信这是有效的 SASS/CSS,并且我已经使用 grunt-contrib-sass 0.7.3 成功编译了相同的声明。这意味着这是 libsass 不支持语法的问题,但据我所知 @support 指令已经存在很长时间了,所以这似乎不太可能。如果可能的话,我非常想使用node-sass,因为它 promise 更快的编译速度。我该怎么做才能让它正常工作?

最佳答案

正如您所怀疑的,这是 libsass 中的一个错误。

https://github.com/sass/libsass/issues/261

关于CSS3 @support 指令在 SASS 编译期间抛出错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24270428/

相关文章:

css - 滚动时 Flexbox 高度也始终为 100%

javascript - 验证属性内的 javascript

html - CSS 网格样式

html - 如何在我的 Bootstrap 网页中将文本居中?

javascript图片更改无法正常工作

twitter-bootstrap - 在我的 style.sass 问题中导入 Bootstrap 变量

javascript - 有人可以解释为什么我的 javascript 不工作吗?

javascript - 无法让汉堡菜单在点击时设置动画

javascript - 我在哪里可以为 jshint 设置 ES6 选项?

json - package.JSON 文件不完整?