compass-sass - コンパス/Sass自動生成IEcssファイル

Question

以下の例のように、IE固有のファイルを自動生成する方法はありますか？

   /* content.scss */
.box {
    color:red;
    .ie7 & {
        color:green;
    }
}

これにより、2つのファイルが生成されます。

/* content.css */
.box {
  color: red;
}


/* ie7.css */
.ie7 .box {
  color: green;
}

Answer 1

2 つの異なる Sass ファイルをセットアップする必要がありますが、カスタム mixin を使用してセットアップできます。

http://jakearchibald.github.com/sass-ie/

$old-ie: false !default;

@mixin old-ie {
    // Only use this content if we're dealing with old IE
    @if $old-ie {
        @content;
    }
}

.test {

    float: left;
    width: 70%;

    @include old-ie {
        // These hacks won't appear in the normal stylesheet
        display: inline;
        zoom: 1;
        whatever-ie-needs: le-sigh;
    }
}