Compass sass 罗盘精灵位置-x

Compass sass 罗盘精灵位置-x,compass-sass,css-sprites,background-position,Compass Sass,Css Sprites,Background Position,我使用精灵帮助器来定位图标,它在y轴上工作,但在x轴上定位为0。现在我可以将x偏移设置为固定值,但我更希望将其设置为“右” 这是我现在的代码: background: { url: sprite-url($icons-sprite); repeat: no-repeat; position: sprite-position($icons-sprite, nav-active); } 这就是我试图实现的(伪代码): 有人能解决这个问题吗?自动精灵 在创建精灵贴图之前,必须指定希望精灵

我使用精灵帮助器来定位图标,它在y轴上工作,但在x轴上定位为0。现在我可以将x偏移设置为固定值,但我更希望将其设置为“右”

这是我现在的代码:

background: {
  url: sprite-url($icons-sprite);
  repeat: no-repeat;
  position: sprite-position($icons-sprite, nav-active);
}
这就是我试图实现的(伪代码):

有人能解决这个问题吗?

自动精灵 在创建精灵贴图之前,必须指定希望精灵位于精灵贴图右侧的精灵引擎(有关详细信息,请参阅):

然后像往常一样调用函数
sprite-position()

position: sprite-position($icons-sprite, nav-active);
手动精灵 调用
sprite-map()
时,必须传递参数
$--位置:100%
(其中
表示包含sprite的文件夹名称):

注1:您可以通过参数
$position:100%
设置所有精灵的位置。

注2:在Compass 0.12.1之前,传递给
sprite-map()
的参数不是以
-
开头的。请参阅。

谢谢。问题是,我正在使用sprite-map()生成sprite。有没有办法手动执行此操作?
$icons-nav-active-position: 100%;
@import "icons/*.png";
position: sprite-position($icons-sprite, nav-active);
$icons-sprite: sprite-map("icons/*.png", $icons-nav-active-position: 100%);
background: {
  url: sprite-url($icons-sprite);
  repeat: no-repeat;
  position: sprite-position($icons-sprite, nav-active);
}