My first foray with scss/compass and I'm checking out the Sasson contributed theme, which has built-in support.
Super cool, check this out (this will download Sasson, create a sub-theme and enable it):
drush dl sasson
drush cc all
drush sns "My theme"
drush en mytheme
drush vset theme_default mythemeYou can have full control on the theme name and machine name with:
drush sns "Full Name" machine_name
There is one catch. Partials are a special kind of SCSS file, not meant to be used as regular stylesheets. Any code you put into one must be @import-ed into a stylesheet to be used. Partials’ filenames must start with an underscore—for example, the pages/home partial loaded above would actually be named pages/_home.scss. (These paths are always relative to the current file.) The underscore is how the Sass compiler knows that a file is a partial, and therefore shouldn’t be compiled into a fully-fledged CSS sheet.
One aspect of a “mobile first” approach to development is that your styles are usually gradually built up from a simple base. Each new “layer” of CSS adds presentational adjustments and complexity, via CSS3 Media Queries, to react to and make use of additional viewport space. However, IE 6/7/8 do not support CSS3 Media Queries. If you want to serve IE 6/7/8 something more than just the base CSS, then you need a solution that exposes the “enhancing” CSS to those browsers.
