css - 从指南针精灵获取图像宽度和高度

Question

从指南针生成精灵时，我无法获取图像的宽度和高度。我正在使用 Scout 进行实时观看，并且已经配置了我的图像文件夹。我有我想要精灵的图像在一个名为 common 的文件夹中。

这是我的代码

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

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

任何都会很棒！

Answer 1

我找到了解决方案。添加$common-sprite-dimensions: true;（指向指南针精灵选项文档的链接）会将宽度和高度放入输出中。

Answer 2

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

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

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