zurb-foundation - Zurb Foundation SASS 变量

Question

我正在使用 Zurb 的 Foundation 框架，我想知道如何编辑 SASS 变量的默认值。我在整个互联网上进行了搜索，但找不到任何可以帮助我的东西。

请在他们的网站上查看此文档。

在Available SCSS Variables部分下，提供了 SCSS 变量，但我不知道在更改值后将它们放在哪里。我没有通过谷歌搜索找到太多帮助，因为 Foundation 并没有那么老。

Answer 1

创建 Foundation 项目后，查找包含所有这些变量的“_settings.scss”部分。

在此页面上向下滚动：Zurb Foundation 4—Sass 文档，找到该文件中代码的“Foundation Global Settings and Mixins”。

Answer 2

jOk，您可以配置全局变量 (_settings.scss)，还有模块级别的默认 (!default) 变量，您可以在在线文档中找到文档，即按钮http://foundation.zurb。 com/docs/components/buttons.html（滚动到底部）。

因为这些变量是用 SASS 的 !default 分配的，所以可以在全局范围内覆盖它，但是您必须在声明样式之前使新变量可用。如，变量必须在按钮之前出现在级联中。

Answer 3

您应该查看Sass他们网站上已经解释过的内容，可以在此处找到。我建议你开始阅读 V3 的文档Foundation 3，因为这些文档更好地解释了如何通过 Foundation 来利用 Sass 的力量。您可以从这里开始阅读，然后在此处进一步阅读。老实说，Zurb 在记录他们的 Foundation 框架方面做得非常出色，你需要知道的所有内容，如果不是全部，99% 已经在他们的文档页面上。