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

看板Web_Design作者 (胖爸)時間11年前 (2014/07/08 22:20), 11年前編輯推噓0(005)
留言5則, 3人參與, 最新討論串1/2 (看更多)
@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

07/08 22:59, , 1F
scss?
07/08 22:59, 1F

07/09 06:01, , 2F
07/09 06:01, 2F

07/10 20:33, , 3F
看來scss尚不支援map..不過還是謝謝
07/10 20:33, 3F

07/11 01:17, , 4F
支援了呀 可能你要更新一下
07/11 01:17, 4F

07/11 14:55, , 5F
感謝s大,原來兩者語法略有不同^^
07/11 14:55, 5F
文章代碼(AID): #1Jk_u-cA (Web_Design)
文章代碼(AID): #1Jk_u-cA (Web_Design)