scss输出单独的文件

时间:2013-07-02 10:08:54

标签: css sass media-queries output

我想在一个文件中写这个:

body {

background: #FFF;

    @media only screen and (max-width: 1024px) {
         background: #DDD;
    }

    @media only screen and (max-width: 800px) {
        background: #CCC;
    }

}

并希望输出到两个单独的文件,第一个是layout.css

body { background: #FFF; }

和第二个media-queries.css

@media only screen and (max-width: 1024px) {
    background: #DDD;
}

@media only screen and (max-width: 800px) {
    background: #CCC;
}

我必须做什么?

由于

1 个答案:

答案 0 :(得分:0)

SASS提供了将多个源文件合并为一个或多个结果文件的便捷工具,但它没有提供任何分割它们的工具。

另外,正如cimmanon已经提到的,你的目标是没有意义的。它可能是XY Problem。如果是,请解释原始问题,而不是您的解决方案。如果不是,则不要拆分CSS文件。