如何正確合併Zurb Foundation＆Compass，爲Wordpress主題配置SASS變量？

我一直在使用基礎來開發一個Wordpress主題，通過在網站上創建一個自定義的構建，並在我的主題中包含所需的文件。如何正確合併Zurb Foundation＆Compass，爲Wordpress主題配置SASS變量？

的主題結構（簡體）是這樣：

Theme Root 
|-- 404.php 
|-- _ 
| |-- inc 
| | |-- css 
| | | | 
| | | `-- foundation.min.css 
| | |-- images 
| `-- js 
|  |-- foundation.min.js 
|  `-- modernizr.js 
|-- theme.css 
|-- theme.scss

我的問題是，我想自定義的SCSS變量，如：

/* Background color for the top bar */ 
$topbar-bg: #111;

，並嘗試包括必要的組件：

@import "foundation/components/topbar"; 
$include-html-top-bar-classes: $include-html-classes;

很明顯，它沒有找到類，因爲沒有指南針項目或appr opriate SCSS文件導入/包括，所以這是我的問題進來。

我已經安裝了基礎gem，並且能夠創建一個新的Compass項目，但我只是想知道如何構造的東西和安裝/更新我的Wordpress主題作爲一個指南針項目，所以我可以設置變量_settings.scss？

對於如何將'基礎'方式融合到Wordpress主題中，我可以自定義必要的SCSS變量，同時保持標準的Wordpress主題結構，我有點困惑嗎？

來源

2013-12-19 waffl

好的，對我重新措辭從基礎思考分開，專注於北斗+ WordPress的，我碰到[這個技巧]（HTTP：來自Chris Coyier的//css-tricks.com/compass-compiling-and-wordpress-themes/）。我設法得到了一個我很滿意的設置，它主要歸結爲以你想要的方式設置'config.rb'。 – waffl

根據您尋找的集成級別，您需要在主題的模板目錄中創建基礎項目。我用粉底4，SCSS & SMACSS大多是這裏有一個快速的CL片斷我有這樣的：

compass create templatename -r zurb-foundation --using foundation; cd templatename/sass; mkdir {functions,layouts,mixins,modules,vendor}; open ../;

現在，說，如果主題是已經存在，你會想與創建TEMPLATENAME。因爲它意味着使用你已經在的文件夾。我還沒有一個好的CL方法來做Foundation 5，因爲我的大部分項目都依賴於IE兼容性。希望這可以讓你朝着正確的方向前進，但是通過指南針創建，你將能夠使用手錶&編譯並導入不同的東西。

另外，如果你有興趣SMACSS（這是真棒）檢查http://smacss.com

來源

2014-01-21 19:57:49 itsfreshmade

如何正確合併Zurb Foundation＆Compass，爲Wordpress主題配置SASS變量？

回答

相關問題