【问题标题】: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 文件,因为这会在框架更新时带来问题。
希望这会有所帮助。