在Compas精灵图像中进行排序

时间:2013-04-11 20:20:30

标签: image sass compass-sass

我正在尝试在Compass精灵图片中做一些订单。当我按字母顺序排列时,一切都很好

green.png (32x32px)
blue.png (32x32px)
red.png (32x32px)

当我放置像red.png(120x32px)这样大尺寸的图像时,红色会转到精灵的顶部。

red.png (120x32px)
green.png (32x32px)
blue.png (32x32px)

我试图使用数字,但没有。我需要特定的订单,因为我称之为sprite形式的外部javascript文件。如何影响精灵odrder?

3 个答案:

答案 0 :(得分:0)

而不是在JavaScript中定义background-position更改添加或更改类。

答案 1 :(得分:0)

似乎Compass只能按文件大小对精灵图像进行排序,但我发现Compass可以在其他版本中按名称对图像进行排序

https://github.com/chriseppstein/compass/commit/520c950f7d9a9bf7d5cf99842e898feec8aa7364

答案 2 :(得分:0)

使用水平布局模式:

  $YOURMAP-layout: horizontal;

此模式不会像其他模式那样使用文件大小来订购图像。

另见 https://github.com/chriseppstein/compass/issues/1002