views:

200

answers:

4

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

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

A: 

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.

Maran
Yeah I looked at this too...That's not it...see post bellow
leeand00
A: 

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.

leeand00
Oh and don't forget to add the filter bit and extension attributes to the top of the file as well! Otherwise it won't work!
leeand00
+2  A: 

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..]
Marco Lazzeri
A: 

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.