2014-11-01 38 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