Using Sass + Compass + Blueprint in Rails 3.1 App

722 Views Asked by At

I am struggling BIG TIME with getting this framework set up correctly. Has anyone successfully been able to get this working? If so, I would love any and all feedback. Thanks!

I'm following the instructions from http://compass-style.org/install/ and wondering where to put the files within the Rails 3.1 app: inside app/assets/stylesheets or keep it in app/stylesheets as it resides when installing compass?

Also, compass gives a set of instructions after $ compass init rails . --using blueprint below:

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'

This looks like HAML (which I'm not familiar with). I add these link tags using .erb instead and nothing seems to work.

1

There are 1 best solutions below

0
On

Putting this into my config/application.rb worked for me:

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" 

REF: https://github.com/rails/sass-rails/issues/3