3

プロジェクトにsassとcompassを使用しています。ただし、ハック用の非常にクールな mixin を提供します。

例:

.display { @include inline-block; }

実行します

.display {  display: -moz-inline-stack;
   display: inline-block; 
   vertical-align: middle;
   *vertical-align: auto;
   zoom: 1;
   *display: inline;
}

しかし、すべてのieハックコードを次のような異なるcssファイルに分離し、ie.cssie条件付きコメント内に配置して、cssファイルがw3cと互換性を持つようにしたいと考えています。

この問題を克服するためのアイデアはありますか..どんな助けでも大歓迎です。前もって感謝します。

4

1 に答える 1

1

2 つの「親」sass ファイルを作成するだけです。例screen.scss&ie.scss 実際のすべての sass を個別の「子」scss ファイルに入れます。次に、「親」ファイルには import ステートメントのみがあります。

例:

SCREEN.SCSS

//Global
@import "vars";
@import "mixins";

//Base
@import "reset";
@import "base";
@import "layout";    

//MODULES
@import "modules/module_a";
@import "modules/module_b";

IE.SCSS

@import "vars";
@import "mixins";
@import "ie_hacks";

これにより、変数や mixin など、sass に依存するすべての「子」ファイルをインポートできます。また、すべての ie を個別の css ファイルに保持することもできます。ie.scss明らかにあなたのメインよりも著しく小さくなるでしょうscreen.scss

于 2013-05-29T23:23:40.927 に答える