sass - SASS/Compass：Sprite 图像尺寸（宽度、高度）

Question

我有一堆不同尺寸的图像。Compass 非常适合将所有文件编译成单个精灵，从它们的文件名生成类并将背景位置应用于它们。

是否可以让 Compass 也将宽度和高度属性应用于这些生成的类？

$iconsWithDifferentDimensions-layout: smart;
@import "iconsWithDifferentDimensions/*.png";
@include all-iconsWithDifferentDimensions-sprites;

Answer 1

是的。在 @import 行之前设置这个魔法变量：

$iconsWithDifferentDimensions-sprite-dimensions: true;

Compass 将包含精灵中每个图标的宽度和高度。