作者ponba (胖爸)
看板Ruby
标题[问题] 如何改成精简的写法
时间Tue Jul 8 11:04:07 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的值抓出来就好了。
谢谢
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 42.75.101.185
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/Ruby/M.1404788649.A.0FC.html
※ 编辑: ponba (42.75.101.185), 07/08/2014 11:35:26
1F：→ mars90226:你po错版了? 07/08 14:13
2F：→ mars90226:虽然说应该是SASS，不过Web_Design版应该更好就是了 07/08 14:14
※ ponba:转录至看板 Web_Design 07/08 22:20
3F：→ ponba:谢谢 07/08 22:21