【问题标题】:Zurb Foundation SASS variableZurb Foundation SASS 变量
【发布时间】:2015-07-19 17:57:42
【问题描述】:

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

请在他们的网站上查看this documentation

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

【问题讨论】:

    标签: zurb-foundation


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

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

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

      【讨论】:

        【解决方案3】:

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

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

        【讨论】:

          猜你喜欢
          • 2013-05-01
          • 1970-01-01
          • 2014-10-24
          • 2014-01-07
          • 2013-03-10
          • 1970-01-01
          • 2012-09-01
          • 2018-06-25
          相关资源
          最近更新 更多