html - 使用罗盘的 Sprite 间距不起作用？

Question

我目前正在做一个元素，我在侧边栏中使用了几个图标(你可以在这里先睹为快:http://epen.herokuapp.com)

问题是在 Retina 屏幕上，一些图标设法在图标上方/下方获得 1 个像素，导致出现不需要的像素。

为了解决这个问题，我可以简单地使用我认为的 Sprite 间距，但我似乎无法通过以下方式让它工作:

$base-sprite-spacing: 20px;
$base-sprite-dimensions: true;
@import "base/*.png";
@include all-base-sprites;

对我做错了什么有什么建议吗？

Answer 1

不知道您是否已经对此进行了排序，但间距问题是由包含“sprite”一词引起的。应该只是 $base-spacing: 20px;所以它与您的文件夹的名称匹配。