Question

我正在为我的项目使用sass和指南针。然而，它提供了非常酷的混合物，即黑客。

例如：

.display { @include inline-block; }

将执行

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

但我想将所有ie hacks代码分离到不同的css文件，例如ie.css，并希望它放在内部即条件注释中，以便我的css文件与w3c兼容。

有任何想法可以克服这个问题..任何帮助将不胜感激。提前谢谢。

Answer 1

只需创建两个“父”sass文件。例如screen.scss＆amp; 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";

这使您可以导入所有与sass相关的“子”文件，如任何变量或mixin。它还允许您将所有ie内容保存在单独的css文件中。 ie.scss显然会明显小于您的主screen.scss

如何分离ie hacks代码与主scss文件

1 个答案: