2

我是 sass 和 zurb 基础的新手（我过去曾通过 codekit 使用过 bootstrap/less）并且一直在尝试使用 sass 版本foundation-sass，但无法成功配置它 - 通过命令行使用 zurb 的 gem 或通过使用代码包。

如果我配置 gem：

  1. 只要我通过以下方式加载所有基础组件，基础就可以工作@import "ZURB-foundation";

  2. 但是，如果我尝试通过取消注释来单独加载组件，@import "zurb/buttons";我会看到错误："Undefined variable: "$default-color"- 但是变量和 mixin 文件在哪里？

  3. 此外，基础 scss 文件存放在哪里，以便您可以自定义设计，而无需使用 apps.scss 覆盖所有内容？

如果我采取另一条路线并尝试使用 mac 应用程序代码包：

  1. 我收到 /zurb/ 目录不存在的错误（它不存在） - 这似乎与上面的第 3 点有关 - 当您创建一个新的 compass-foundation 项目时，似乎没有任何基础文件存在你的项目文件夹。

如果我然后通过 github 下载 Foundation-sass：

  1. 所有文件都是 sass 格式而不是 scss

  2. 尽管您可以在调用时修改 compass mixin，但是如何在不修改其原始文件的情况下修改 Foundation 的样式表文件 - 或者您应该编辑它们的文件？

我还没有找到任何我理解的关于所有东西应该如何组合在一起的信息，所以希望这里的人可能知道。

顺便说一句，我没有将它与 ruby​​ 项目一起使用 - 只是试图纯粹为前端工作进行设置。

任何帮助将非常感激。

干杯

本

4

2 回答 2

3

对于 Zurb Foundation 4，它就像首先导入“/foundation/foundation-global”文件一样简单

@import 'foundation/foundation-global';
@import 'foundation/components/type';
// etc

请参阅源评论中的此处

重要的是要注意“基础/全球”与“基础-全球”不同。后者只是满足基本的依赖关系，而前者提供了一些最小的基本样式。

于 2013-04-13T22:43:24.837 回答
2

我希望你现在已经解决了这个问题。如果没有，这是 gem 的解决方案。

foundation.sass从 Foundation 2.2.1 开始，通过注释行在 中找到的建议导入顺序有些错误。定义了许多颜色或混合shared/*，如果你buttons/*在加载这些之前加载，你最终会被指南针侮辱。

另一方面，部分_ZURB-foundation.sass（由 导入@import "ZURB-foundation"）以正确的顺序加载部分，解释了为什么在单独加载组件时只会出错。

试试这个顺序（SASS 语法，为 SCSS 添加引号和分号）：

@import zurb/shared
@import zurb/globals
@import zurb/typography
@import zurb/grid
@import zurb/buttons
@import zurb/ui
@import zurb/forms
@import zurb/orbit
@import zurb/reveal
@import zurb/mobile

您可以使用gem which ZURB-foundation它来找出存储 gem 的目录。然而，直接自定义 Foundation 文件是一个非常糟糕的主意，因为您的更改可能会被进一步的更新删除。

于 2012-05-29T10:07:01.543 回答