[問題] 如何改成精簡的寫法

[ponba (胖爸)]

@include icon("icon-library",   "\e621", $pon-icon);
@include icon("icon-calculate", "\e63a", $pon-icon);
@include icon("icon-clock",     "\e648", $pon-icon);
@include icon("icon-bars",      "\e698", $pon-icon);
@include icon("icon-cog2",      "\e690", $pon-icon);

上面是設定值，下面是想要變成的CSS

.pon-icon-library:before {
    font-family: $pon-icon;
    content: "\e621";
}

目前有想到的方式為
@mixin pon-icon($icon){
    font-family: $pon-icon;
    content: $icon;
}

.pon-icon-library:before { @include pon-icon("\e621"); }

請問如何用類似迴圈或其它較精簡的方式改寫？
如果可用for-each直接把@include icon的值抓出來就好了。

謝謝

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 42.75.101.185
※ 文章網址: http://www.ptt.cc/bbs/Ruby/M.1404788649.A.0FC.html
※ 編輯: ponba (42.75.101.185), 07/08/2014 11:35:26
→ mars90226:你po錯版了?
→ mars90226:雖然說應該是SASS，不過Web_Design版應該更好就是了
※ ponba:轉錄至看板 Web_Design                                     07/08 22:20
→ ponba:謝謝