作者ponba (胖爸)
看板Web_Design
標題Fw: [問題] 如何改成精簡的寫法
時間Tue Jul 8 22:20:45 2014
@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的值抓出來就好了。
謝謝
※ 編輯: ponba (220.132.131.252), 07/08/2014 22:22:54
→ mmis1000:scss? 07/08 22:59
→ ponba:看來scss尚不支援map..不過還是謝謝 07/10 20:33
→ superpai:支援了呀 可能你要更新一下 07/11 01:17
→ ponba:感謝s大,原來兩者語法略有不同^^ 07/11 14:55