public
Description: Compass is a Stylesheet Authoring Environment that makes your website design simpler to implement and easier to maintain.
Home | Edit | New

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)

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

gem sources --add http://gems.github.com
sudo gem install chriseppstein-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 ---

Last edited by styledev, Thu Sep 10 09:37:17 -0700 2009
Home | Edit | New
Versions: