0

当我尝试linear-gradient与波旁威士忌一起使用时：

@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，它正在运行。

4

1 回答 1

1

这个Stackoverflow 答案是否有助于让您的紧凑功能正常工作？

原始问题的原始答案（供后代使用）

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

于 2012-12-08T03:23:21.797 回答