CODEWITHSUNDEEP
rubysasscompass-sasswebby
leeand00
leeand00

Reputation: 26392

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

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?

Upvotes: 0

Views: 389

Answers (4)

Matt
Matt

Reputation:

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.

Upvotes: 0

Marco Lazzeri
Marco Lazzeri

Reputation: 1808

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..]

Upvotes: 2

leeand00
leeand00

Reputation: 26392

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.

Upvotes: 0

Maran
Maran

Reputation: 2736

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.

Upvotes: 0

Related Questions