Olá, não consegui entender bem como o compass ajusta o posicionamento do sprites, o código original era:
.icone-check, icone-x {
background: url(../imagens/sprite.png) no-repeat;
width: 18px;
height: 18px;
}
.icone-check {
background-position: -5px -5px;
}
.icone-x {
background-position: -33px -5px;
}
e no final ficou:
@include all-sprite-sprites;
.sprite-icone-check, sprite-icone-x {
width: 18px;
height: 18px;
}
Sei que foi gerado as classes para cada ícone com base no nome dos arquivos, mas como o compass sabe onde posicionar esses elementos? não entendi essa parte.