指南针精灵高级

Question

我有一个关于在“高级”精灵与罗盘模式下创建的小问题。当我说“高级模式”是将精灵存储在一个变量中时，我更喜欢这种方法:)

无论如何，我的问题是我无法将图像定制为一半。让我解释一下：

托管空间，图标和布局的位置，没问题。但是，它针对的是我有问题的单个图标。在本文档指南针，只要做到这一点：

$sprite: sprite-map("sprite/*.png", 
     $layout: vertical, 
     $spacing: 50px, 
     $position: 50%, 
     $facebook-position: 100%); // position icon facebook, don't work 

但它不工作，无论是与Facebook的$位或$ Facebook的间距，该图标不动:(

是用户指南针在这里先进的阻力：？d

谢谢:)

Answer 1

在某些时候，我遇到了类似的问题，如果我记得没错它的工作对我来说，如果我使用的地图（文件夹）名称作为前缀（在你的例子$sprite-facebook-position而不是仅仅$facebook-position）。

这显然不是它应该如何根据当前Compass documentation的example（也here） - 但是也许是在一些老版本的罗盘，我不记得了 - 所以希望它解决您的问题。

另请注意，您的设置可能不会影响精灵地图上的第一个（各自）精灵。所以如果你调整第一个精灵的spacing它只会改变所有后续精灵的位置。例如，在以百分比设置的垂直精灵布局position中，如果所有精灵的宽度相同，则不会改变任何内容。这两个例子中的设置可能正在工作，但你不会看到效果。