Zurb Foundation SASS变量

Question

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

请在他们的网站上检查this documentation。

Available SCSS Variables部分，提供了SCSS变量，但我不知道在更改值后将它们放置在哪里。我没有找到谷歌搜索的帮助，因为基金会不是那么古老。

Answer 1

您应该看看Sass已在其网站上解释，可以找到here。我建议你开始阅读V3，Foundation 3的文档，因为这些文档更好地解释了如何利用Sass和Foundation的力量。你可以start reading here然后do further reading here。老实说，Zurb在记录他们的Foundation框架方面做得非常出色，并且您需要知道的所有内容，99％（如果不是全部）已经在他们的文档页面上。

Answer 2

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

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

Answer 3

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

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