When using Webby/Compass Integration what directory do the *.sass files go in?

Question

I just setup Webby/Compass integration. (https://github.com/Compass/compass/wiki/webby-integration)

Where do I put my Compass/Sass source files, and in what directory do they get output as stylesheets?

Answer 1

You can put your SASS files wherever you want (under the 'content/' directory). So if the directory containing your CSS files is 'content/css', then put them there.

The only important thing is that you set the metadata part correctly, at the top of the SASS file itself. Like this:

$ cat content/css/site.sass 
---
filter: sass
extension: css
layout: nil
---
[..cut..]

Answer 2

It looks like you can set the source-file yourself, from the documentation:

Compass.configuration do |config|
  config.project_path = File.dirname(__FILE__)
  config.sass_dir = File.join('src', 'stylesheets' )
end

It looks like it defaults to "src/stylesheets". When you build it it will probably get rendered to "output/css/" but I never used webby myself so im not 100% sure.

Answer 3

Okay found it in this repository

Apparently it belongs in the ./content/stylesheets directory of your webby project, and is output to the ./output/stylesheets directory.

Answer 4

What perplexes me is "why" it works this way. Why File.join? It looks like the default "src" is being replaced by "stylesheets" rather than joining a new string. Curious.