compass-sass

I've been using zurb foundation for quite a while now. I'm using a bower + compass setup as described here http://foundation.zurb.com/docs/sass.html Today while working I noticed that a page was taking a while to load and while attempting to trouble shoot an issue I noticed that there are a many duplicate directives in the generated css file. I'm sure this is probably me doing something wrong, but I don't know where to start looking and I don't even know what information to provide that might help narrow down the issue. Foundation 5.4.5 --> actually running 5.4.7 Compass 1.0.1 Any assistance

Just wondering what in your opinion is the fastest way to have your SCSS compiled and browser refreshed? I'm currently using LiveReload, but it seems to be a bit slow sometimes, it can take from 1-3sec. It doesn't seem much, but I feel like I'm losing my proper coding pace. What do you guys use? would CodeKit be faster? Or maybe Sublime LiveReload plugin (not the actual app)? Or maybe I should give up Compass and use something else? Any suggestions would be appreciated. PS. I'm on OS X I use this stack: gruntjs grunt-sass (uses libsass via node-sass instead of ruby sass) grunt-watch-contrib

I have spent over 5 hours trying to solve this and feel that since I haven't done it before I should ask some help now... I have a site I inherited with Sass/Compass put together. I have it set up on my localhost and it works fine for that site. I have a second localhost site I want to use it on. So I went to the theme folder in terminal - (/sites/all/theme/newtheme/) I tried to start watching a sass folder with compass and keep getting these errors... /Library/Ruby/Site/1.8/rubygems/dependency.rb:298:in `to_specs': Could not find 'compass' (>= 0) among 12 total gem(s) (Gem::LoadError) from

I have only today started playing with compass and haml . While I am quite familiar with the way sass works and I get the idea of what compass is for sass and how to use it, I've hit a little bit of a road block when it comes to using haml efficiently. Of course I am hoping that someone here already knows the answer to my problem and can give me a little jump start into haml . Here is what I'd like to accomplish: Auto compile my HAML files when I save them. The project however is just a tiny static site (couple of pages) to build up a template set for a later integration into the

This question already has an answer here: Associative Array SCSS/SASS 2 answers Take a look at this example: @include font-face('Entypo', font-files('entypo.woff')); .icon { display: inline; font: 400 40px/40px Entypo; } .icon-star { @extend .icon; &:after { content: "\2605"; } } .icon-lightning { @extend .icon; &:after { content: "\26A1"; } } I want to make things as DRY as possible so I want to know if the following is possible, and if so how? @include font-face('Entypo', font-files('entypo.woff')); .icon { display: inline; font: 400 40px/40px Entypo; } $icons { $star: "\2605"; $lightning: "