3

我在我的项目中使用 sass 和 compass。然而,它为 ie hacks 提供了一个非常酷的 mixins。

例如:

.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并希望它放在 ie 条件注释中,以便我的 css 文件与 w3c 兼容。

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

4

1 回答 1

1

只需创建两个“父” sass 文件。例如screen.scss&ie.scss 将所有实际的 sass 放入单独的“子”scss 文件中。然后在您的“父”文件中只有导入语句。

例子:

屏幕.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

于 2013-05-29T23:23:40.927 回答