Drupal Compass Plugin

Drupal Compass Plugin is an extension to the wonderful Compass framework. It adds support to several base themes (notably Zen and Fusion) as well as new clean themes.

The plugin also abstracts the page elements and Drupal objects following the Object Oriented CSS mostly as described by Nicole "Stubbornella" Sullivan. It thus presents a THEMENAME.scss file, where the selectors of the base theme (or base drupal templates) are mapped to selectors in the THEMENAME_SKIN.scss file, making it way easier to move from a base theme to another (or none at all). I have plans on making a similar plugin for Wordpress base themes support, making it dead easy to port from and to the most used and supported blog platform (where all the themes are).

It depends, of course, on the SASS and Compass gems, which can be installed on your machine with gem install sass compass and it can be installed itself by running gem install compass-drupal-plugin. Please note you are not required to run ruby code on your server machine. Just compile the stylesheets on your machine and upload the css files to the server.

For a quickstart, go to sites/all/themes and run compass create MYTHEME -r drupal --using drupal/zen. You will have to download the Zen base theme and uncomment the relative_assets option in config.rb. Then start applying your styles in the MYTHEME_skin file and configure region widths, fonts and even sidebar/content order in MYTHEME_base.