compass-sass

In my CSS I have to create classes that make reference to a 'hair colour' and 'hairstyle' I have written a mixin to help make my CSS writing more efficient: @mixin hair($hair, $colour) { .hair-#{$colour} .#{$hair} { background:image-url("xsppsfhair#{$hair}#{$colour}.svg") center top no-repeat, image-url("xsppsheadgrey.svg") center top no-repeat, image-url("xsppsbhair#{$hair}#{$colour}.svg") center top no-repeat; } } @include hair(spikyboy, blonde); @include hair(curlyafroboy, blonde); This produces the following CSS .hair-blonde .spikyboy { background: url('../images/xsppsfhairspikyboyblonde

I'm currently using Compass with Heroku using this configuration recommended on the Heroku knowledge base. Heroku has a read-only file system, and so the compiled stylesheets need to be stored in /tmp. This works fine remotely on Heroku; locally, however, Rails expects to find stylesheets in /public/stylesheets (when called through = stylesheet_link_tag 'screen.css', :media => 'screen, projection' ). In order to solve the problem, I have created symbolic links in /public/stylesheets using ln -s tmp/stylesheets/screen.css public/stylesheets/screen.css and that seems to work. Is there a way to

To compile .scss files in multiple directories we need to use "add_import_path" (http://compass-style.org/help/tutorials/configuration-reference/), but i dont get how. I've tried to add additional_import_paths add_import_path "_themes" add_import_path = "_themes" additional_import_paths = "_themes" in my config.rb, but no luck, Compass compiling only from sass_dir = "_modules" Update: Yes, this line add_import_path "_themes" doesnt gives us "no folder found" error, but compass still not compiling .scss in it What am i doing wrong? To compile multiple .scss files you should import the "child"

Is it possible to automatically add a timestamp on the compiled CSS file using SASS? e.g. /* CSS Compiled on: {date+time} */ ...compiled css goes here... I've checked the SASS and Compass docs but no mention of such a feature. hopper I don't know of any built-in SASS or Compass feature for this, but it's not too hard to add a custom Ruby function to do it. (See the section entitled " Adding Custom Functions " in the SASS reference here .) Your file with the Ruby function would look like this (let's call it "timestamp.rb"): module Sass::Script::Functions def timestamp() return Sass::Script: