This commit is contained in:
Scott Davis 2011-10-09 09:44:00 -04:00
parent 0b169fec22
commit 3337b07ec7

View File

@ -55,29 +55,31 @@ At the top of the Nanoc Rules file, load the Compass configuration, like this:
require 'compass' require 'compass'
Compass.add_project_configuration 'compass/config.rb' # when using Compass 0.10 Compass.add_project_configuration 'compass.rb' # when using Compass > 0.10
Compass.configuration.parse 'compass/config.rb' # when using Compass < 0.10 Compass.configuration.parse 'compass.rb' # when using Compass < 0.10
Your Compass configuration file (in compass/config.rb) could look like this (you may need to change the path to some directories depending on your directory structure): Your Compass configuration file (in compass/config.rb) could look like this (you may need to change the path to some directories depending on your directory structure):
http_path = "/" http_path = "/"
project_path = "." project_path = File.expand_path(File.join(File.dirname(__FILE__), '..'))
css_dir = "output/assets/style" css_dir = "output/stylesheets"
sass_dir = "content/assets/style" sass_dir = "content/stylesheets"
images_dir = "output/assets/images" images_dir = "assets/images"
javascripts_dir = "assets/javascripts"
# when using SCSS: fonts_dir = "assets/fonts"
sass_options = { http_javascripts_dir = "javascripts"
:syntax => :scss http_stylesheets_dir = "stylesheets"
} http_images_dir = "images"
http_fonts_dir = "fonts"
To filter the stylesheets using Sass and Compass, call the sass filter with Sass engine options taken from Compass, like this: To filter the stylesheets using Sass and Compass, call the sass filter with Sass engine options taken from Compass, like this:
filter :sass, Compass.sass_engine_options compile '/stylesheets/*' do
filter :sass, sass_options.merge(:syntax => item[:extension].to_sym)
end
### Nanoc Projects using the formal approach ### Nanoc Projects using the formal approach
* [nanoc Bootstrap](http://github.com/adamstac/nanoc-bootstrap) - a base nanoc project with support for Haml, Sass, Compass, jQuery and more. * [This Site](https://github.com/chriseppstein/compass/tree/master/doc-src)
* [nanoc & Compass Example Project](http://github.com/ddfreyne/nanoc-bootstrap-compass)