【问题标题】:Foundationpress - How can i style foundation components?Foundationpress - 我如何设计基础组件?
【发布时间】:2017-04-21 12:00:34
【问题描述】:

我是 Foundationpress 的新手,我想更改选项卡和面包屑等组件的样式。 我试图将 scss 文件从 'my-theme/assets/components/foundation-sites/scss/components' 复制到 'my-theme/assets/scss/components' 并将此文件导入foundation.scss文件中: @import "组件/面包屑";

它不起作用。我应该怎么做才能设置这些组件的样式?

谢谢!

【问题讨论】:

    标签: wordpress sass zurb-foundation


    【解决方案1】:

    首先,您的开发环境应该使用 Gulp(在 Foundationpress 上使用)来构建 SASS 文件(如果不是,我建议您查看 @987654321 的 Foundationpress 自述文件@ ,很简单,gulpfile 上有所有可用的命令。

    现在,关于样式...我建议您先查看 Foundation 的设置文件,您可以在 [theme root]/scss/config/_settings.scss 看到该文件(也许您想使用 [theme root]/scss/config/_custom-settings.scss

    在配置文件中,找到你要自定义的组件,大多数情况下,只需修改配置文件中的变量即可实现自定义(Foundation是可以自定义的),记得构建主题(或使用监视任务)时进行编辑,因此 CSS 生成正确。

    如果您需要更深入的更改,您可以在自定义 sass 文件中编写覆盖;我不建议覆盖整个组件 sass 文件,因为这会在框架更新时带来问题。

    希望这会有所帮助。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-01-02
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2011-12-14
      相关资源
      最近更新 更多