2017-04-21 37 views
0

我是新來的Foundationpress,我想改變組件的樣式,如Tabs和breadcrumbs。 我試圖將scss文件從'my-theme/assets/components/foundation-sites/scss/components'複製到'my-theme/assets/scss/components',並在foundation.scss文件中導入這個文件: @導入「components/breadcrumbs」;Foundationpress - 我如何設計基礎組件?

它不起作用。我應該怎麼做才能設計這些組件?

謝謝!所有的發展

回答

0

一是環境應該使用咕嘟咕嘟(上Foundationpress使用)來構建SASS文件(如果你沒有,我建議你去看看,以Foundationpress自述https://github.com/olefredrik/FoundationPress,這是相當簡單的,你可以在gulp文件中找到所有的命令:

現在,關於造型...我建議先看看基金會的設置文件,你可以在[theme root]/scss/config/_settings.scss看到(也許你想使用[theme root]/scss/config/_custom-settings.scss

在配置文件中,找到您想要自定義的組件,大部分時間,只需修改配置文件中的變量即可實現自定義(Foundation可定製),請記住在編輯時構建主題(或使用監視任務),以便正確生成CSS。

如果您需要更深入的更改,您可以在自定義sass文件中編寫覆蓋項;我不建議覆蓋整個組件sass文件,因爲這會在框架更新時帶來問題。

希望這會有所幫助。