SASS /指南针：精灵图像尺寸（宽度，高度）

Question

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

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

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

Answer 1

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

$iconsWithDifferentDimensions-sprite-dimensions: true;

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