css - Codekit 和 Zurb Foundation 错误

Question

运行 compass 和 zurb 基础元素。当我使用 compass watch 编译元素时，效果很好。当我使用 codekit 时，我无法编译它。

我得到的第一个错误是:

error app.scss (Line 24 of _block-grid.scss: -0.625em*px isn't a valid CSS value.)

所以我在 zurbs github 上的 _block-grid.scss 中找到了那一行，发现它引用了 $block-grid-default-spacing。如果我取消注释值 $block-grid-default-spacing: emCalc(20); 在我的设置文件中，它工作正常，进入下一个错误:

error app.scss (Line 111 of _type.scss: Incompatible units: 'px' and ''.)

我已经正确安装了所有东西。我将 codekit 指向我的本地版本的 SASS 和 Compass，但我仍然遇到错误。知道我能做什么吗？

如果我不包含我的 settings.scss 文件，一切都会正确编译。

Answer 1

您需要将 CodeKit 切换为使用外部 Compass 编译器才能使用像 Zurb 这样的 compass 插件。

如果您使用的是 RVM，请先在其上运行系统命令。然后，在命令行安装 Compass 和 Zurb。然后进入 CodeKit 的首选项并在 Languages 选项卡中选择 Compass。使用“高级编译器设置”区域将应用​​程序切换到外部 compass 编译器。