Codekit 和 Zurb Foundation 错误

Question

运行指南针和 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 等指南针插件。

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