4

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

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

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

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

4

1 回答 1

3

我发现了这个，它以某种方式帮助了我： 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);
}

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

于 2013-01-03T05:14:30.273 回答