在 Rails 3.1 应用程序中使用 Sass + Compass + Blueprint

Posted

技术标签:

【中文标题】在 Rails 3.1 应用程序中使用 Sass + Compass + Blueprint【英文标题】:Using Sass + Compass + Blueprint in Rails 3.1 App 【发布时间】:2011-12-10 08:45:45 【问题描述】:

我正在努力BIG TIME正确设置此框架。有没有人成功地让这个工作?如果是这样,我会喜欢任何和所有的反馈。谢谢!

我按照http://compass-style.org/install/ 的说明操作,想知道将文件放在Rails 3.1 应用程序中的什么位置:在app/assets/stylesheets 中还是在安装指南针时将其保存在app/stylesheets 中?

另外,罗盘在$ compass init rails . --using blueprint之后给出了一组指令如下:

Now add these lines to the head of your layout(s):

%head
= stylesheet_link_tag 'screen.css', :media => 'screen, projection'
= stylesheet_link_tag 'print.css', :media => 'print'
/[if lt IE 8]
= stylesheet_link_tag 'ie.css', :media => 'screen, projection'

这看起来像 HAML(我不熟悉)。我改为使用 .erb 添加这些链接标签,但似乎没有任何效果。

【问题讨论】:

metaskills.net/2011/05/18/…google 是你的朋友 @iliacholy 我已经读过很多遍了,没有运气 你没有在你的问题中提到这一点。或者真的什么。您需要告诉我们您遇到了什么问题。 @iliacholy 你的权利,编辑了一下帖子 你的样式编译了吗?你可以试试compass watch,它应该会显示错误。您不需要样式表名称上的.css 【参考方案1】:

将它放入我的 config/application.rb 对我有用:

config.sass.load_paths ||= []
config.sass.load_paths << "#Gem.loaded_specs['compass'].full_gem_path/frameworks/compass/stylesheets"
config.sass.load_paths << "#Gem.loaded_specs['compass'].full_gem_path/frameworks/blueprint/stylesheets" 

参考号:https://github.com/rails/sass-rails/issues/3

【讨论】:

以上是关于在 Rails 3.1 应用程序中使用 Sass + Compass + Blueprint的主要内容,如果未能解决你的问题,请参考以下文章

Rails 3.1:我需要使用 CoffeeScript 吗?

Rails 3.1 指南针和链轮。使困惑

如何在 Sass 中使用 Ruby/Rails 变量?

Rails 无故编译 sass partials

Bootstrap-sass 在 Rails 应用程序中不起作用

Rails 上的 SASS 无效 CSS 错误