Editing Using Sass (section)

== Multiple config files ==

This covers a situation where a section of a site (e.g. the CMS) has its own independent stylesheet(s).

<pre>
+- /              <-- site root
|
+- config.rb      <-- compass config file for main site
|
+- css/           <-- main site compiled stylesheets location 
|
+- sass/          <-- main site sass/compass files
|
+- _cms/          <-- sub-site
   |
   +- config.rb   <-- compass config for sub-site
   |
   +- css/        <-- sub-site compiled stylesheets
   | 
   +- sass/       <-- sub-site sass/compass files
</pre>

I haven't had any luck compiling the cms stylesheets from the command line. 

Compass gets installed for the site in the web root directory. If you try to compile from within the `_cms` directory, it seems like the paths get confused. 

The only way I have been able to compile the sub-site is with `grunt`, which gets run from the web root directory.

In `gruntfile.js`:

<syntaxhighlight lang="javascript">
compass: {
    cms: {
        options: {
            config: "_cms/config.rb"
        }
    }
}
</syntaxhighlight>

Compile using `grunt`:

<syntaxhighlight lang="powershell">
path/to/web/root> grunt compass:cms  
</syntaxhighlight>