Ich benutze Sass und Kompass und ich versuche CSS-Klassen für Bilder zu erstellen, die einem bestimmten Muster entsprechen. Das beabsichtigte / resultierende CSS sieht meistens so aus:

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

Möglicherweise können Sie die Kompass-Sprite-Funktion verwenden (http://compass-style.org/help/tutorials/spriting/ ) Es ist in meinem Fall unpraktisch (da es neue Dateien erzeugt), da die Bilder selbst bereits Spritesheets sind.

Also in der Lage sein, so etwas zu tun

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

wäre großartig. Gibt es eine mehr oder weniger einfache Möglichkeit?