2013-02-14 48 views
0

最近我一直在使用Sass,並最終做了跳轉以包含Compass(好吧,我在VS2010中使用Mindscape,最後決定嘗試一下)。我只是喜歡精靈世代的能力。我對知道的人有個疑問。使用Compass/Sass自動獲取Sprite文件的名稱

我有一個特定的目錄,其中包含將在精靈文件中使用的任何圖像。這裏是我的代碼到目前爲止:

@import "icons/*.png"; 

@each $p in (delete, docEdit, buttonBack, docView, editAcct, email, help, info, lock, search, unlock) { 
    .#{$p} { @include icons-sprites(#{$p}); } 
} 

不用說,每個元素是一個特定的圖像文件,將最終在精靈。

這產生(作爲一個例子),爲每個項目在列表中:

.delete .icons-delete { 
    background-position: -23px 0; 
} 

.docEdit .icons-docEdit { 
    background-position: -63px 0; 
} 

我想知道如果我可以得到.png文件的所有名稱中指定的目錄,並做進一步的自動化此他們的每個循環都沒有對它們進行硬編碼。這樣,如果需要,我可以放入或刪除圖像,重新編譯,輸出將自動創建類,而不必將它們輸入到@each指令下的列表中。

在此先感謝您的任何建議或意見!

回答