compass-sass

I am successfully using Compass to generate a CSS file but it is also outputting my partials to the CSS directory. How can I make it only output the stylesheets that will be used in the page? There's no need to add the partials to the destination css directory. From the manual: If you have a SCSS or Sass file that you want to import but don’t want to compile to a CSS file, you can add an underscore to the beginning of the filename. This will tell Sass not to compile it to a normal CSS file. You can then import these files without using the underscore. http://sass-lang.com/documentation/file

I'd like to additively build backgrounds in SASS/Compass, ignorant of the existing background string. I am able to accomplish by writing to a global var, but it seems sloppy. Pseudo: =mixin-add-icon // add a background icon =mixin-add-gradient-from-color($color: blue !default) // add a background gradient =mixin-add-texture-bg // add a bg texture a background: blue +mixin-add-texture-bg // this should take the existing bg and add texture to it &.selected +mixin-add-gradient-from-color() +mixin-add-icon // these two should take the existing bgs strings from <a> and add to them Am I missing

This question already has an answer here: Is Sass 3.3 compatible with Compass? 3 answers I've written an SCSS map variable and an @each loop to assign different icons to file download links, seen below. $file-icons: ( "application/vnd.ms-excel": "../images/ico-excel.png", "application/pdf": "../images/ico-pdf.png", "image/tiff": "../images/ico-img.png", "image/gif": "../images/ico-img.png", "image/png": "../images/ico-img.png", "image/jpeg": "../images/ico-img.png", "application/x-shockwave-flash": "../images/ico-flash.png", "audio/mpeg": "../images/ico-audio.png" ); @each $file in $file-icons

I am working on a Compass project and my final css output is huge so it needs to be be blessed . I am using Codekit to compile my SCSS files, and it has the bless option for the less and sass files but unluckly this option seems to be not available for the compass projects (BTW there is no workaround to fix the problem https://github.com/bdkjones/CodeKit/issues/163 ) Is there an alternative way to do that automatically after the compiling process? Is it possible to watch the css file with nodejs and then bless it? ==================================================== UPDATE I am not using

The elements I set the Susy span-column() mixin to, do not obey to it. They are misaligned ever so slightly. How do I achieve perfect alignment of my HTML elements? Screenshot of full website misalignment Detail : <header> and <nav> misalignment Detail : <section class="main"> misalignment Here is my Sass code @import compass @import susy @import normalize /* Susy Settings */ $total-columns : 5 $column-width : 4em $gutter-width : 1em $grid-padding : $gutter-width $desktop : 12 /* Susy-grid-background override to draw out horizontal lines */ =susy-grid-background +grid-background($total-columns