compass-sass

I'm using compass to generate sprites and a have a mixin that calculates the width and height of the original asset and adds that into the css. I also have an option on this mixin to pass in true or false for hover state images. But rather than having to specify this each time I use the mixin I'd like to add the hover css by default if the file exists. I've added the following to my config.rb file (thus far its the only extension I have) module Sass::Script::Functions def file_exists(image_file) path = image_file.value Sass::Script::Bool.new(File.exists?(path)) end end And my mixin looks like

Seen discussions here but it has been 2 years! I don't know if I'm using this right but I have the following sass/compass code: +text-shadow(red 0 3px 0 3px) Generating the following css : text-shadow: red 0 3px 3px, red 0 3px 0 3px; text-shadow: red 0 3px 0 3px, red 0 3px 0 3px; Which not works in neither Chrome/Safari/Firefox/Opera. Is this something with the declaration or this spread feature was really removed from specs? It says in the specs that, This property accepts a comma-separated list of shadow effects to be applied to the text of the element. Values are interpreted as for ‘box

I have the following directory structure (only showing the relevant bits for illustration purposes): proj \ \ Gruntfile.js \ package.json \ test \ (all my tests are in this folder structure) \ app \ \ index.html \ scripts \ (all my scripts are in here) \ views \ (all views are in here) \ styles \ \ style.css \ oldie.css \ print.css \ images \ \ hires \ (all high resolution images are here) \ lowres \ (all low resolution images are here) The compass section of my Gruntfile.js file looks like this: compass: { options: { require: "susy", sassDir: '<%= my.app %>/styles', cssDir: '.tmp/styles',

May I ask you how to make rails web design more efficient? Is compass plus blueprint the perfect match? Is the current version of compass support rails3.1 Are there any other frameworks that will make rails web deign easier? Thanks Definitely a framework like compass is awesome, it includes a lot of helpers, and provides a good solid base. For form-styling I would recommend using a gem like [formtastic][1], which not only greatly simplifies making forms, but also provides a standard css file. So all needed tags are then known (and can be overwritten if needed). There a few alternatives to

I'm just starting with ruby on rails and one of the first things I tried to do was install the gems compass and susy. After figuring out that I needed to include them in the gemfile (I'm using RubyMine and thought it would do it for me), I still got a missing "Could not find", "susy" error when I tried to import susy into one of my css.scss files. I have ruby version 1.9.3 (194) and ruby gems version 1.8.23 Any help on which gems (and versions) I need in my bundle, how to make sure they get in the project bundle, is greatly appreciated. I'm on rails 3.2.7 and use Susy (and Compass) like this.

I was using SASS as CSS pre-processor for Drupal theme. Where in the command line if I use $ compass watch . It keep on watching the change in .scss file and apply to .css file. Just I am trying Bootstrap theme and there I am using LESS CSS pre-processor, Where I have to use $ lessc less/style.less css/style.css every time to apply change. What is the equivalent of $ compass watch for LESS. You need to install less-watch-compiler: npm install -g less-watch-compiler Make sure you installed less globally: npm install -g less In Terminal, navigate to your working directory path and run the