Позиционирование фонового изображения компаса/Sass

Question

При использовании спрайтов в Compass/Sass вы получаете фоновое изображение и созданное фоновое положение.

Например:

background: url('../images/generated/bg-sa8e38178a4.png') no-repeat; 
background-position: 0 -120px; 

Это фоновое изображение располагается в верхнем левом углу элемента. При нормальном CSS я могу изменить это в нижнем правом углу, как так:

background-position: right bottom; 

Однако, это не работает при использовании спрайтов, как его для всего спрайта вместо каждого изображения в моем спрайте.

Как я могу подсказать Compass/Sass, чтобы разместить каждое изображение моего спрайта в нижнем правом углу, а не в верхнем левом углу?

Примечание: элемент, в котором я использую этот спрайт, изменяется по высоте, поэтому я не могу использовать фиксированные значения пикселей.

Спасибо.

EDIT: Я в том число этого изображения, чтобы проиллюстрировать, что я имею в виду:

Answer 1

Я был в состоянии для того чтобы достигнуть этого с помощью : после псевдопользователь класса на моем элементе. Вы должны указать : после класс ширины и высоты, равный вашему изображению, и поместите его с помощью CSS.

.element { 
    position: relative; 
    /* your element css */ 

    &:after { 
    content: ""; 
    position: absolute; 
    z-index: 1; 
    display: block; 
    width: 60px; 
    height: 60px; 
    right: 0; 
    bottom: 0; 
    background: url('../images/generated/bg-sa8e38178a4.png') no-repeat; 
    background-position: 0 -120px;  
}