指南针 - 精灵图像缩放

Question

我正在使用 Compass 创建一个 Sencha Touch 网络应用。尝试了 inline-url 但我的图像很大，所以我希望将它们移动到精灵中（并与背景大小一起重复使用）。

目前我的内联图像可以缩放，因为它们是单个文件。 精灵具有在创建精灵时生成的位置。当您使用 background-size 更改精灵大小时，您也需要更改位置。

是否可以抓取精灵的索引？然后我可以说，如果我希望它是background-size: 50px 和index is 3，那么新的背景位置是0 150px;

看不到任何关于 compass 在哪里存储或获取 sprite 中每个项目的索引的信息。我的图片以“A”开头，所以是文件夹中的第一个，在我的 SCSS 中首先被引用，但它的索引是 3，所以我不知道如何解决这个问题。

Answer 1

我发现了这个，它以某种方式帮助了我： https://gist.github.com/3410875

我是这样使用的：

$logo-spacing: 20px;
@import "logo/*.png";
@include all-logo-sprites;

.logo-brand {
    $spriteName: brand;
    $percentage: 40;

    @include resize-sprite($logo-sprites, $spriteName, $percentage);
}

但不确定这是否回答了您的问题。