2014-11-01 34 views
1

解決!

這個失敗是由Sass版本引起的。使用Bower覆蓋Middleman中的SASS變量

總之,不能使用Sass版本3.4.x與Foundation 5.否則,當輸入compass compile命令並且編譯失敗時,我們將從終端收到警告。

我們應該使用Bundler來避免這種情況。

如果使用Bundler,我們可以控制每個項目的Sass版本。大!


我試圖用鮑爾重寫Middleman中的變量。

快,我安裝了基礎與涼亭。

bower install foundation 

基金會安裝在bower_components目錄中。

接下來,我在Middleman config.rb的代碼的下面寫下了導入all.sass的基礎資源。

after_configuration do 
    sprockets.append_path "#{root}/bower_components/" 
end 

最後,我發現下面的文章,我試了一下。

http://forum.ionicframework.com/t/override-scss-variables/966/3

我下面寫的代碼all.sass

$font-family-sans-serif: Verdana, "遊ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif 
@import 'foundation' 

上面的代碼並沒有奏效。瀏覽器中沒有更改字體系列。

我想用Bower保持清潔安裝的資源。因爲我輸入bower update命令可能會被刪除。

有什麼好方法嗎?

回答

0

您正在使用哪個版本的Sass?嘗試將!global標誌添加到變量定義中。

+0

謝謝你的回答!我正在使用SASS 3.4.6版,並立即嘗試。 '$ font-family-sans-serif:Verdana,「遊ゴシック」,YuGothic,「Hiragino Kaku Gothic ProN」,Meiryo,sans-serif!global結果沒有改變,但我不知道標誌。此外,我會嘗試檢查其他國旗。 – 2YY 2014-11-03 10:24:29