compass-sass

I'm just getting started with Sass and Compass, and I'm loving it. Something I'd like to do is take advantage of the @each function to simplify repetitive tasks. However, I've only seen examples of @each inserting one variable, and I'd like to be able to use multiple variables. The standard way (from the Sass Reference ): @each $animal in puma, sea-slug, egret, salamander { .#{$animal}-icon { background-image: url('/images/#{$animal}.png'); } } Which is great, but I'd like to be able to do something like: @each {$animal $color} in {puma black}, {sea-slug green}, {egret brown}, {salamander red}

I'm trying to contain general styles/tricks in a separate mixin file which can be applied to any project when they're needed. Some of these styles require multiple elements to work together in order to work. For example: _mixins.scss ==================== @mixin footer_flush_bottom { html { height: 100%; } body { min-height: 100%; position: relative; } #footer { position: absolute; bottom: 0; } } main.scss ==================== @import "mixins"; @include footer_flush_bottom; html { background-color: $bg; //More stuff } body { margin: 0 auto; //More stuff } footer.scss ====================

IE9 is apparently able to handle rounded corners by using the CSS3 standard definition of border-radius . What about support for border radius and background gradient? Yes IE9 is to support them both separately, but if you mix the two the gradient bleeds out of the rounded corner. I am also seeing strangeness with shadows showing as a solid black line under a box with rounded corners. Here are the images shown in IE9: How can I work around this problem? Steve Eisner Here's one solution that adds a background gradient, using a data URI to create a semi-transparent image that overlays any

I'm trying to use jqtouch theming which is based on SASS and COMPASS. I have a file custom.scss with the most simple code, one import and one variable to overwrite: @import 'jqtouch'; // Override variables $base-color: #fe892a;/* The default base which is later used for toolbar, list, and button backgrounds.*/ When I now compile the scss file to css, it will basically just generate the jqtouch css with my filename. The color specification is nowhere to be seen, although the variable is definitley correct per documentation ( Official Guide ) and in the jqtouch.scss file, which I import for