Webby Integration

pol edited this page Nov 2, 2010 · 8 revisions

To load compass into your Webby project, set up your Sitefile with the following options:

require 'compass'

Compass.configuration do |config|
config.project_path = File.dirname(__FILE__)
config.sass_dir = File.join(‘src’, ‘stylesheets’ )
end

Webby.site.sass_options.update(Compass.sass_engine_options)

Replace the sass_dir config parameters with the path to your sass or scss stylesheet source files if they are located in a directory other than src/stylesheets.

If you haven’t already done so, install the gem:

sudo gem install compass

Create your *.sass files in the ./content/stylesheets directory of your webby project.

At the very top of your *.sass file(s) be sure to include the following webby meta data:


--- filter: sass extension: css layout: nil ---