将内容添加到compass / sass变量并使用单个输出

时间:2012-10-11 08:27:23

标签: css compass-sass sass

我希望能够将css添加和堆叠到变量,mixin或占位符之类的东西,并在给定点输出它。我不知道Sass是否有一些内置的行为。我想用这个例子来包含IE特定的样式或与媒体查询一起使用。我不希望所有内容都打印在“内联”,但是例如在文件的底部或单独的文件中。在代码示例中,我试图解释一下这一点。不要提到语法!

.box {
    width:250px;
    @stack mediaquery_var_or_mixin(small) {
        width:100%;
    }
}

.input {
    width:100px;
    @stack mediaquery_var_or_mixin(small) {
        width:100%;
    }
}

echo mediaquery(small);

输出如下:

.box {
    width:250px;
}

.input {
    width:100px;
}

@media (max-width: 320px) {
    .box {
        width:100%;
    }
    .input {
        width:100%;
    }
}

1 个答案:

答案 0 :(得分:0)

正如评论中提到的评论员cimmanon,这不是Sass的当前特征。

虽然此功能可以使压缩输出更简单,但如果使用gzip编码提供文件,则编译后的css中创建的冗余不再是主要问题。