Install Compass in Rails 3.1/3.2

application.rb

# Precompile *all* assets, except those that start with underscore
config.assets.precompile << /(^[^_\/]|\/[^_])[^\/]*$/

application.scss

/*
 * application.scss
 *
 * Important! Do *not* use Sprockets "require" syntax.
 * Use @import to include other stylesheets and Compass mixins.
 */

// Include some nice mixins
@import "compass/css3";
@import "sassy-buttons";

// Example: import partial stylesheet named "_users.scss"
@import "users";

compass.rb

# config/compass.rb
additional_import_paths = ["app/assets/stylesheets/basics", "app/assets/stylesheets/shared"]

digest_for-error

A ActionView::Template::Error occurred in sessions#new:

1024.css isn't precompiled
.bundle/bundle/gems/actionpack-3.2.0/lib/sprockets/helpers/rails_helper.rb:142:in `digest_for'

example.scss

.logo
{
  background: image-url("logo-small.png") no-repeat;
}

Gemfile

group :assets do
  gem 'compass-rails','~> 1.0.0.rc.2'
  gem 'compass-colors'
  gem 'sassy-buttons'
  gem 'sass-rails', '~> 3.2.3'
  # non-compass gems omitted for brevity
end

rake-output

$ bundle exec rake assets:precompile
/Users/mbrictson/.rbenv/versions/1.9.3-p0/bin/ruby script/rake assets:precompile:all RAILS_ENV=production RAILS_GROUPS=assets
rake aborted!
Undefined variable: "$body-text-line-height".
  (in /Users/mbrictson/Work/rails-project/app/assets/stylesheets/basics/_grid.scss)

Tasks: TOP => assets:precompile:primary
(See full trace by running task with --trace)
rake aborted!
Command failed with status (1): [/Users/mbrictson/.rbenv/versions/1.9.3-p0/...]

Tasks: TOP => assets:precompile
(See full trace by running task with --trace)

tree

.
├── Gemfile
├── app
│   └── assets
│       ├── images
│       │   └── logo-small.png
│       ├── javascripts
│       │   └── application.js
│       └── stylesheets
│           ├── _users.scss
│           └── application.scss
└── config
    ├── application.rb
    └── compass.rb

@siefca, yes, the config.assets.compile=true setting is problematic in production. Usually you will not want to do this. If you have good reason to set config.assets.compile=true, then you will need to ensure the asset pipeline gems are loaded.

I actually describe this in detail in the following blog post (see the config.assets.compile section):

http://blog.55minutes.com/2012/02/untangling-the-rails-asset-pipeline-part-3-configuration/

@mbrictson: That;s true. I'm just using it as a workaround, since rake assets:precompile takes sometimes up to 10 minutes with Sprockets and Compass.

Just a note, but in 'application.scss', @import "sassybuttons" should be @import "sassy-buttons" as per jhardy/Sassy-Buttons#14