Foundationpress - 我如何设计基础组件?

时间:2017-04-21 12:00:34

标签: wordpress sass zurb-foundation

我是Foundationpress的新手,我想改变Tabs和breadcrumbs等组件的风格。 我试图从' my-theme / assets / components / foundation-sites / scss / components'中复制scss文件。到我的主题/资产/ scss /组件'并在foundation.scss文件中导入此文件: @import" components / breadcrumbs&#34 ;;

它不起作用。我该怎么做才能设计这个组件?

谢谢!

1 个答案:

答案 0 :(得分:0)

首先,您的开发环境应该使用Gulp(在Foundationpress上使用)来构建SASS文件(如果您不是,我建议您查看Foundationpress自述文件{{ 3}},它非常简单,你可以在gulpfile上找到所有命令。

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

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

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

希望这有帮助。