6

我在使用 Bourbon 中包含的 mixin 时遇到问题。当这个 mixin 使用 Bourbon 的“compact”功能时，它只是将它编译成 css 而不使用它。这是 box-shadow 的渲染 CSS 的屏幕截图：

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

我在具有最新 Sass 版本的非静态站点上使用它。我使用 Codekit 编译。

感谢帮助 ！

4

1 回答 1

15

好的，所以在潜得更深之后，这就是我修复它的方法。

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

compact函数已用 Ruby 重写，以更好地与 Rails 集成。最初，我只是从 repo 中复制粘贴了“样式表”文件夹。那就是我开始使用错误语法的时候。

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

在你的情况下，如果他们有一个代码包实现，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;
}

（我从回购中得到了代码）

在插件文件夹中的文件名 _function.scss 中，并在 _bourbon.scss 中引用它。那应该可以解决您的问题。

于 2012-08-01T03:35:32.523 回答