compass-sass

I have a top bar menu (that's based on Zurb's Foundation): This is the SCSS: .top-bar { .top-bar-section { ul { @import "menu-icons/*.png"; @include all-menu-icons-sprites; } } } Now, this does what expected, but the problem is that I want to style the a element inside each li elements (actually, I'd like to apply it to .top-bar.topbar-section.ul.li.a:before ). However, since the site is build in WordPress, and so the menu, I can only assign the class to the li element and I have no idea how to make the Compass's spriting work. I know, I could customize the way the menu is rendered by

I'm using Sass 3.1.10 with Compass 0.11.5. I need to compile my compass project into many diffrent locations (css_dir) due some structural reasons. Currently I compile all files for each path by hand. Is there a way to compile into many locations at the same time? my config.rb looks like this: http_path = "/" css_dir = "skin/main/css" #css_dir = "uc/main/css" #css_dir = "skin/abstract/css" #css_dir = "skin/ksv/css" sass_dir = "sass" images_dir = "images" javascripts_dir = "javascripts" output_style = :compressed preferred_syntax = :sass I wrote a simple shell script to compile to a given path:

I'm writing a node.js program that will watch a directory filled with a large (300-ish) amount of scss projects. Grunt-watch (run either through the node module or on its own, whatever works) will be configured so that whenever a scss file is changed, it will be compiled with compass, the output file moved to a separate directory, for example: ./1234/style.scss was changed >> grunt-watch runs grunt-compass >> /foo/bar/baz/1234/style.css updated The project directory that the file was in is obviously very important (if grunt-compass sent all the compiled files to the same directory, they would

Is it possible to use a variable defined in the config.rb file of a compass project, throughout the SCSS files? In your config.rb file add a custom module: module Sass::Script::Functions def custom_color(value) rgb = options[:custom][:custom_colors][value.to_s].scan(/^#?(..?)(..?)(..?)$/).first.map {|a| a.ljust(2, a).to_i(16)} Sass::Script::Color.new(rgb) end end And then set up your variables (again, in the config.rb file): sass_options = {:custom => { :custom_colors => {"main" => "#ff1122"} } } Then in your scss file, you can use the custom_color() function: body { background-color: custom

Update - 20140614: After not getting any answers to this question, or on github, I decided to come up with my own solution to the problem. I was using compass for a number of things, but its main utility was in its ability to generated image sprites. Most other things could be accomplished using pure SCSS. Thus, I wrote broccoli-sprite . This, used in conjunction with ember-cli's built in support for SCSS using broccoli-sass , was able to meet my needs. You can read more about the process here . Now I am thus no longer interested in integrating compass into my ember-cli app. As my solution