标准yeoman webapp设置中的指南针不能正确渲染线性渐变

Question

我使用来自Yeoman的yo webapp生成了一个vanilla webapp，我使用该选项将Compass带入SASS。我的本地Compass版本是0.12.2，目前是最新版本。然后，我在我的main.scss中添加了类似的内容，从Compass gradients documentation开始逐字逐句：

@include background-image(linear-gradient(left top, white, #dddddd));

然而，这在CSS中呈现而没有对线性渐变函数进行任何预处理：

background-image(linear-gradient(left top, #ffffff, #dddddd));

屏幕截图：

：

如果文档中的示例不起作用，我做错了什么？

Answer 1

我潜入了源代码，即在lib/compass/sass_extensions/functions/gradient_support.rb中，找到了一个带有下划线的mixin函数linear_gradient。我尝试在我的SCSS中使用以下内容并且它有效：

@include background-image(linear_gradient(left top, white, #dddddd));

编辑：进一步检查后，这似乎无法完全发挥作用。它仍然会产生非法的background-image: linear-gradient(left top, #ffffff, #dddddd);。

Answer 2

这里也有同样的问题。

使用Yeoman Webapp进行全新安装，遵循Compass中关于线性渐变的文档。我得到了相同的结果 - 但请注意：预处理正在发生，我认为我们看不到前缀的原因是因为最新的浏览器（包括Chrome）不需要它......显然{{ 3}}

不幸的是，如果没有我的前缀，它实际上并不起作用。