Używam sass i kompasu i próbuję tworzyć klasy css dla obrazów pasujących do danego wzorca. Zamierzone / wynikające css wygląda tak:

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

Chociaż możliwe jest użycie funkcjonalności ikonki kompasu (http://compass-style.org/help/tutorials/spriting/ ) jest to niewygodne (ponieważ spowoduje wygenerowanie nowych plików) w moim przypadku, ponieważ same obrazy są już spriteheets.

Więc potrafię zrobić coś takiego

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

byłoby wspaniale. Czy jest na to mniej lub bardziej łatwy sposób?