Я использую sass и compass и пытаюсь создать классы css для изображений, соответствующих заданному шаблону. Предполагаемый/результирующий css в основном выглядит так:
.class1 { background-image: url(class1.png); }
.class2 { background-image: url(class2.png); }
Хотя может быть возможно использовать функциональность спрайта компаса (http://compass-style.org/help/tutorials/spriting/), это неудобно (, так как он будет генерировать новые файлы )в моем случае, поскольку изображения уже являются таблицами спрайтов. самих себя.
Так что возможность сделать что-то вроде
@each $clazz in listFiles("images/*") {
.#{$clazz} {
background-image: url('#{$clazz}.png');
}
}
было бы здорово. Есть ли более или менее простой способ сделать это?