css - 将内容添加到 compass/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 中创建的冗余不再是主要问题。