Compass sass 罗盘精灵位置-x
我使用精灵帮助器来定位图标,它在y轴上工作,但在x轴上定位为0。现在我可以将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); } 这就是我试图实现的(伪代码): 有人能解决这个问题吗?自动精灵 在创建精灵贴图之前,必须指定希望精灵
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);
}