I have a Rails 3 app on which I successfully ran compass init rails ./ --using blueprint
. I can @import
files from the /stylesheets directory, but I get an error when I try to @import compass
.
Right now the app has two simple sass files:
common.scss
$body-background: blue;
main.scss
@import "common";
//@import "compass";
body {
background: $body-background;
}
With the @import "compass"
line commented out, this works -- I get a blue background, so I know Sass is working.
If I uncomment the line, and try to import compass
or blueprint
or anything else, I get an error like this.
Syntax error: File to import not found or unreadable: compass.
Load paths:
/Users/eric/path/to/myrailsapp/app/stylesheets
on line 2 of /Users/eric/path/to/myrailsapp/app/stylesheets/main.scss
1: @import "common";
2: @import "compass";
3:
4: body {
5: background: $body-background;
6: }
I had through maybe I had to explicitly tell Sass where to find the Compass gem, so I added an add_import_path
line to config/compass.rb:
require 'compass'
require 'html5-boilerplate'
project_type = :rails
project_path = RAILS_ROOT if defined?(RAILS_ROOT)
add_import_path "/Library/Ruby/Gems/1.8/gems/" # unfortunately this has no effect
http_path = "/"
css_dir = "public/stylesheets"
sass_dir = "app/stylesheets"
images_dir = "public/images"
javascripts_dir = "public/javascripts"
cache_dir = "tmp/sass-cache"
http_images_path = "/images"
http_stylesheets_path = "/stylesheets"
http_javascripts_path = "/javascripts"
I have been googling for two days, and can't determine why I'm having this problem with basic @import
statements. How do I tell Sass where to find the Compass and Blueprint libraries?
Okay, after help from the amazing Chris Eppstein I was able to find the offending line. In config/environments.rb
I had this line:
Sass::Plugin.options[:template_location] = {
"#{RAILS_ROOT}/app/stylesheets" => "#{RAILS_ROOT}/public/stylesheets"
}
With the currently versions of Rails (I have 3.0.7) and Compass (0.11.1) this line is not necessary. I added it after following a tutorial. If sass can't find compass, it might be because this line is messing up your Sass::Plugin.options[:template_location]
.