Sass/pusula içindeki dosyaların bir listesini alma

Question

Sass ve pusula kullanıyorum ve belirli bir desene uyan görüntüler için css sınıfları oluşturmaya çalışıyorum. amaçlanan/Elde css çoğunlukla şuna benzer:

.class1 { background-image: url(class1.png); } 
.class2 { background-image: url(class2.png); } 

o (yeni dosyalar oluşturur gibi) görüntülerdir olarak benim durumumda zahmetlidir pusula sprite işlevselliği (http://compass-style.org/help/tutorials/spriting/) kullanmak mümkün olsa da zaten kendilerini sprite ediyor.

Yani iyi olurdu

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

böyle bir şey yapmak mümkün. Bunu yapmak için aşağı yukarı kolay bir yol var mı?

Answer 1

Bunu, yerleşik SASS/Pusula işlevlerini kendi özel Ruby işlevinizle tamamlayarak gerçekleştirebilirsiniz. (SUKDÖ'nün referans here "Özel Fonksiyonlar ekleme" başlıklı bölüme bakın.) Sadece bir Ruby dosyası define (diyelim "liste files.rb") özel kod ile şöyle:

Sonra

module Sass::Script::Functions 
    def listFiles(path) 
     return Sass::Script::List.new(
      Dir.glob(path.value).map! { |x| Sass::Script::String.new(x) }, 
      :comma 
     ) 
    end 
end 

, Eğer bu pusula yapılandırma dosyasından dosya (diyelim ki, "config.rb") içerebilir: yalnızca istediğiniz gibi SUKDÖ'nün stil

require File.join(File.dirname(__FILE__), 'list-files.rb') 

Ve erişimi o kadar:

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

Daha sonra compass compile -c config.rb'u kullanarak normal olarak derleyebilirsiniz.