Skip to content

Instantly share code, notes, and snippets.

@incorvia
Created October 12, 2011 14:18
Show Gist options
  • Save incorvia/1281339 to your computer and use it in GitHub Desktop.
Save incorvia/1281339 to your computer and use it in GitHub Desktop.
== Install
Add to gemfile:
gem 'compass', '~> 0.12.alpha'
Initialize compass with the rails project by moving into directory and running:
compass init rails --using blueprint
#thought I just deleted the stylesheets and imported them instead... so not sure this step is necessary...
Add to config/application.rb
#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"
== Stylesheets
Rename - application.css to application.css.scss
add:
@import "blueprint.css.scss";
# import any other pages that you want to include here..
Create a blueprint.css.scss file, add:
@import '_blueprint';
@include blueprint;
== Why and how it works..
The compass gem contains all the blueprint files, modules, and mixins. We include the load paths so it includes that stuff.. then we import those into a style sheet and include that in the application css...
We need to import rather than using the asset tree so that we can get proper functionality when it compiles.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment