sass - 如何让指南针根据 css 颜色名称为图像创建数据 uri？

Question

在使用一段遗留 javascript 时，我发现设置特定控件样式的唯一方法是设置它的背景图像。这使得支持多个不同的背景颜色变得很痛苦。那么，我想做的是让 compass 在编译时生成图像，并将其作为 data-uri 内联。对于指南针 n00b，这似乎是合理的，因为每个“背景图像”只是纯色的方形样本。

有谁知道那里有一个项目可以自动化这个？这甚至是一个合理的方法吗？如果“提前生成所有图像”方法确实是最好的，那么我可能可以做到这一点，但它似乎远没有那么优雅。

谢谢。

Answer 1

像这样使用compass-rgbapng：

body {
  @include rgba-background-inline(rgba(0,0,0,1));
}