Created
October 12, 2011 14:18
-
-
Save incorvia/1281339 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
== 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