Webby Integration

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
---