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

Question

我希望能够将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%;
    }
}

Answer 1

正如评论者 cimmanon 在评论中提到的，这不是 Sass 的当前功能。

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