css - `compact` 的库未加载

Question

当我尝试将 linear-gradient 与 bourbon 一起使用时:

@include linear-gradient(#8080a0, #606090);

我明白了:

background-color: #8080A0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#8080A0, #606090, false, false, false, false, false, false, false, false)));
background-image: -webkit-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -moz-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -ms-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -o-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));

这似乎表明 compact() 没有被调用。它在名为 lib/bourbon/sass_extensions/functions/compact.rb 的地方的单独文件中定义。我怎样才能加载它？

已解决

问题似乎出在波旁威士忌本身。我使用的是 2.1.3 版本，它有问题。这几天作者一直在更新它，他们添加了一个新版本3.0.1，可以使用。

Answer 1

这是Stackoverflow answer吗？有助于使您的紧凑功能正常工作？

原始问题的原始答案(供后人使用)

compact() 不是有效的 CSS。您生成的 CSS 包含多个引用，Chrome 会忽略它不知道如何解释的规则。