我是Foundationpress的新手,我想改变Tabs和breadcrumbs等组件的风格。 我试图从' my-theme / assets / components / foundation-sites / scss / components'中复制scss文件。到我的主题/资产/ scss /组件'并在foundation.scss文件中导入此文件: @import" components / breadcrumbs&#34 ;;
它不起作用。我该怎么做才能设计这个组件?
谢谢!
答案 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文件,因为这会在框架更新时带来问题。
希望这有帮助。