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指令下的列表中。
在此先感謝您的任何建議或意見!
這是答案!非常感謝! – anjiTechGuy 2013-02-14 18:30:20