css - 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。使用高级编译器设置区域将应用​​程序切换到您的外部罗盘编译器。