使用Bower覆蓋Middleman中的SASS變量

Question

解決了！

此故障由Sass版本引起。

總之，不能與Foundation 5一起使用Sass 3.4.x版。否則，當鍵入compass compile命令並導致編譯失敗時，我們將從終端收到警告。

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

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

我試圖用Bower覆蓋Middleman中Foundation的變量。

很快，我用涼亭安裝了Foundation。

bower install foundation

基礎安裝在bower_components目錄中。

接下來，我在Middleman config.rb了以下代碼，以在all.sass導入基礎資源。

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

最后，我找到了以下文章，並嘗試了它。

我在all.sass編寫了以下代碼

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

上面的代碼無法正常工作。 在瀏覽器中未更改字體系列。

我想與Bower保持干凈的安裝資源。 因為當我鍵入bower update命令時可能已刪除。

有什么好辦法嗎？

Answer 1

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