Question

当我尝试将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，它正在运行。

Answer 1

这个Stackoverflow answer是否有助于使您的小型功能正常工作？

原始问题的原始答案（后代）

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

未加载`compact`的库

1 个答案: