从罗盘精灵获取图像宽度和高度

Question

从罗盘生成精灵时，我无法获取图像的宽度和高度。我正在使用Scout进行实时监控并已配置我的图像文件夹。我想要在一个名为common的文件夹中进行sprite我的图像。

这是我的代码

@import "common/*.png";
.facebook { @include common-sprite(facebook); }

这可以工作并生成背景位置，但我想获得宽度和高度。

任何都会很棒！

Answer 1

我找到了解决方案。添加$common-sprite-dimensions: true;（link to compass sprite options docs）会将宽度和高度放入输出中。

Answer 2

如果您不希望使用图像大小定义所有精灵用法，您还可以：

@import "common/*.png";
.facebook { @include common-sprite(facebook, true); }

true参数将仅在.facebook类定义中生成图像的宽度和高度。