未调用SASS的Bourbon中的"Compact“函数

Question

我在使用Bourbon中包含的mixins时遇到了问题。当这个混入使用Bourbon的“压缩”函数时，它只是将其编译到css中，而不使用它。这是一个框阴影的渲染CSS的屏幕截图：

http://i.stack.imgur.com/YF1JB.png

我在一个非静态站点上使用它，使用的是最新的Sass版本。我使用Codekit进行编译。

感谢您的帮助！

Answer 1

好的，在深入一点之后，这里是我如何修复它的。

这个问题可能是由于这个提交引起的：https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

紧凑的函数已经用Ruby语言重写，以便更好地与Rails集成。最初，我只是从repo中复制粘贴了'stylesheet‘文件夹。这就是我开始使用false sytax的时候。

我通过阅读说明修复了这个错误:) -关于如何在Rails中安装它的说明，然后它就可以工作了。

在你的例子中，如果他们有一个codekit实现，就使用idk，但我相信你可以通过添加以下代码来修复它：

@function compact($var-1,        $var-2: false,
                  $var-3: false, $var-4: false,
                  $var-5: false, $var-6: false,
                  $var-7: false, $var-8: false,
                  $var-9: false, $var-10: false) {
  $full: $var-1;
  $vars: $var-2, $var-3, $var-4, $var-5,
         $var-6, $var-7, $var-8, $var-9, $var-10;

  @each $var in $vars {
    @if $var {
      $full: $full, $var;
    }
  }
  @return $full;
}

(我从repo中获得了代码)

在您的插件文件夹内的文件名_function.scss中，并在_bourbon.scss中引用它。这应该会解决你的问题。