使用Bower覆盖Middleman中的SASS变量

时间:2014-11-01 13:09:36

标签: sass bower middleman

解决!

这种失败是由Sass版本引起的。

总之,不能将Sass版本3.4.x与Foundation 5一起使用。否则,我们将在输入compass compile命令时收到来自终端的警告并且编译失败。

我们应该使用Bundler来避免这种情况。

如果使用Bundler,我们可以控制每个项目的Sass版本。太好了!


我试图用Bower覆盖Middleman的Foundation变量。

很快,我用凉亭安装了基金会。

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命令时可能已删除。

有什么好方法吗?

1 个答案:

答案 0 :(得分:0)

您使用的是哪个版本的Sass?尝试将!global标志添加到变量定义中。