Eu estou usando sass e bússola e estou tentando criar classes css para imagens correspondentes a um determinado padrão. O css pretendido / resultante é mais ou menos assim:

<code>.class1 { background-image: url(class1.png); }
.class2 { background-image: url(class2.png); }
</code>

Embora seja possível usar a funcionalidade de sprites de bússola (http://compass-style.org/help/tutorials/spriting/ ) é inconveniente (já que irá gerar novos arquivos) no meu caso, já que as imagens já são spritesheets.

Então, ser capaz de fazer algo como

<code>@each $clazz in listFiles("images/*") {
  .#{$clazz} {
    background-image: url('#{$clazz}.png');
  }
}
</code>

seria ótimo. Existe uma maneira mais ou menos fácil de fazer isso?