如何在compas sass中生成諸如「right -300px」的精靈位置？

Question

如何在compas sass中生成諸如「right -300px」的精靈位置？
我發現sass只能輸出數字中的背景位置，但有時我需要將精靈位置對齊或對齊，怎麼做？
請看看我的代碼波紋管：

<style type="text/css"> 
    /* ------- scss ------- */ 
    $map_btn: sprite-map("sprite_btn/*.png"); 
    .btn,.btn span{ 
     display:inline-block; 
     background-image: sprite-url($map_btn); 
     background-repeat: no-repeat; 
    } 
    .go_to_cart{ 
     background-position: sprite-position($map_btn,go_to_cart); 
     span{ 
      background-position: sprite-position($map_btn,go_to_cart); 
     } 
    } 

    /* ------- output ------- */ 
    .btn,.btn span{ 
     display:inline-block; 
     background-image: url('../images/btn_sprite.png'); 
     background-repeat: no-repeat; 
    } 
    .go_to_cart{ 
     background-position: 0 -300px; 
    } 
    .go_to_cart span{ 
     background-position: 0 -330px; 
     /* ------- 
      but I want to output like this bellow: 
      how to write in scss? 
     ------- */ 
     background-position: right -330px; 
    } 

</style> 
<a href="#" class="btn go_to_cart"> 
    <span></span> 
</a> 

Answer 1

這是一個老問題，但以防萬一有人需要一個答案。

當使用精靈地圖時，你不能（或不應該）對齊這樣的背景，因爲你基本上是抵消了範圍並且破壞了精靈地圖的目的。

如果你想對齊精靈你應該定位/對齊精靈的容器。