0

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?

RamC
  • 1,287
  • 1
  • 11
  • 15
leeand00
  • 25,510
  • 39
  • 140
  • 297

4 Answers4

2

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
  • 1,808
  • 19
  • 15
0

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.

0

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
  • 2,751
  • 15
  • 12
0

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
  • 25,510
  • 39
  • 140
  • 297
  • 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 Apr 07 '09 at 18:47