Baicons
A struggling evolvement
Why
- Puerh 年久失修
- 而 Puerh Icon 比较独立
- Puerh Icon for future
- 完整的更新流程
- 独立部署和维护
Baicons
http://github.com/baixing/baicons
Better Puerh Icons
- 采用拼写正确的英文
- 全部小写
- 单词之间使用中划线
- 类目图标 cat-leimu
- 没有冗余
.icon-checkmark --> .icon-check-mark
.icon-downTriangle --> .icon-triangle-down
.icon-pcCamera --> .icon-camera
.icon-windows8 --> .icon-windows
.icon-car --> .icon-cat-ershouche
.icon-fuwu --> .icon-cat-fuwu
...
with Alvin
and fontastic.me
DONE.
Real Challenge
The Beginning of
KFC:
报告!微站潜伏有大量敌军!
haojing/htdocs/module/weizhan/view/skins/3/skin.css
鹏哥:
不要依赖帮你 review 的人
柳暗花明又一村
改 / 兼
/* baicons/p2b.css */
/* Puerh Icons 2 Baicons */
.icon-arrowDown:before { content: "d" }
.icon-arrowLeft:before { content: "e" }
.icon-arrowRight:before { content: "f" }
.icon-arrowTop:before { content: "g" }
.icon-cancel-circle:before { content: "v" }
.icon-car:before { content: "F" }
.icon-card:before { content: "6" }
.icon-cashBag:before { content: "p" }
.icon-checkmark:before { content: "q" }
.icon-checkmark-circle:before { content: "r" }
.icon-cheliang:before { content: "F" }
.icon-chongwu:before { content: "E" }
.icon-close:before { content: "u" }
.icon-downTriangle:before { content: "3" }
.icon-entertainment:before { content: "A" }
.icon-ershou:before { content: "o" }
.icon-fangwu:before { content: "G" }
.icon-fuwu:before { content: "H" }
.icon-jianli:before { content: "I" }
.icon-jianzhi:before { content: "s" }
.icon-jiaoyou:before { content: "A" }
.icon-jiaoyu:before { content: "J" }
.icon-mobile-2:before { content: "P" }
.icon-pcCamera:before { content: "n" }
.icon-pinToTop:before { content: "S" }
.icon-quanzhi:before { content: "K" }
.icon-safety1:before { content: "X" }
.icon-safety2:before { content: "Y" }
.icon-user-2:before { content: "4" }
.icon-viewItem:before { content: "7" }
.icon-viewPic:before { content: "8" }
.icon-viewTitle:before { content: "9" }
.icon-windows8:before { content: "\"" }
/* Puerh/font.css */
/* Puerh Icon CSS */
.icon-viewPic:before {
content: "\e600";
}
.icon-viewItem:before {
content: "\e601";
}
.icon-viewTitle:before {
content: "\e602";
}
.icon-pinToTop:before {
content: "\e603";
}
.icon-pencil:before {
content: "\e000";
}
.icon-bullhorn:before {
content: "\e001";
}
.icon-camera:before {
content: "\e002";
}
.icon-image:before {
content: "\e003";
}
.icon-location:before {
content: "\e005";
}
.icon-clock:before {
content: "\e006";
}
.icon-phone:before {
content: "\e007";
}
.icon-mobile:before {
content: "\e008";
}
.icon-user:before {
content: "\e00a";
}
.icon-users:before {
content: "\e00b";
}
.icon-cog:before {
content: "\e00c";
}
.icon-share:before {
content: "\e01a";
}
.icon-loop:before {
content: "\e019";
}
.icon-blocked:before {
content: "\e018";
}
.icon-minus:before {
content: "\e016";
}
.icon-checkmark:before {
content: "\e015";
}
.icon-close:before {
content: "\e014";
}
.icon-checkmark-circle:before {
content: "\e013";
}
.icon-cancel-circle:before {
content: "\e012";
}
.icon-info:before {
content: "\e011";
}
.icon-heart:before {
content: "\e010";
}
.icon-star:before {
content: "\e00f";
}
.icon-eye:before {
content: "\e00e";
}
.icon-remove:before {
content: "\e00d";
}
.icon-envelope:before {
content: "\e01d";
}
.icon-bars:before {
content: "\e01e";
}
.icon-search:before {
content: "\e01f";
}
.icon-user-2:before {
content: "\e020";
}
.icon-arrow-up:before {
content: "\e01c";
}
.icon-apple:before {
content: "\e021";
}
.icon-android:before {
content: "\e022";
}
.icon-windows8:before {
content: "\e023";
}
.icon-cart:before {
content: "\e004";
}
.icon-flag:before {
content: "\e024";
}
.icon-post:before {
content: "\e025";
}
.icon-plus:before {
content: "\e017";
}
.icon-chongwu:before {
content: "\e033";
}
.icon-jianli:before {
content: "\e032";
}
.icon-jiaoyou:before {
content: "\e031";
}
.icon-car:before {
content: "\e030";
}
.icon-fangwu:before {
content: "\e02f";
}
.icon-downTriangle:before {
content: "\e02e";
}
.icon-arrowTop:before {
content: "\e02d";
}
.icon-arrowRight:before {
content: "\e02c";
}
.icon-arrowLeft:before {
content: "\e02b";
}
.icon-arrowDown:before {
content: "\e02a";
}
.icon-question:before {
content: "\e029";
}
.icon-fire:before {
content: "\e604";
}
.icon-entertainment:before {
content: "\e605";
}
.icon-pcCamera:before {
content: "\e03a";
}
.icon-lightning:before {
content: "\e039";
}
.icon-renew:before {
content: "\e027";
}
.icon-ershou:before {
content: "\e038";
}
.icon-quanzhi:before {
content: "\e037";
}
.icon-jianzhi:before {
content: "\e036";
}
.icon-fuwu:before {
content: "\e035";
}
.icon-jiaoyu:before {
content: "\e034";
}
.icon-cashBag:before {
content: "\e026";
}
.icon-mobile-2:before {
content: "\e028";
}
.icon-safety1:before {
content: "\e606";
}
.icon-safety2:before {
content: "\e607";
}
.icon-bubble:before {
content: "\e009";
}
.icon-calendar:before {
content: "\e608";
}
.icon-card:before {
content: "\e609";
}
.icon-taocan:before {
content: "\e60a";
}
/* baicons/styles.css */
/* Baicons CSS */
.icon-android:before {
content: "b";
}
.icon-apple:before {
content: "c";
}
.icon-arrow-bottom:before {
content: "d";
}
.icon-arrow-left:before {
content: "e";
}
.icon-arrow-right:before {
content: "f";
}
.icon-arrow-top:before {
content: "g";
}
.icon-arrow-up:before {
content: "h";
}
.icon-bars:before {
content: "i";
}
.icon-blocked:before {
content: "j";
}
.icon-bubble:before {
content: "k";
}
.icon-bullhorn:before {
content: "l";
}
.icon-calendar:before {
content: "m";
}
.icon-camera:before {
content: "n";
}
.icon-cart:before {
content: "o";
}
.icon-cash-bag:before {
content: "p";
}
.icon-check-mark:before {
content: "q";
}
.icon-check-mark-circle:before {
content: "r";
}
.icon-clock:before {
content: "s";
}
.icon-cog:before {
content: "t";
}
.icon-delete:before {
content: "u";
}
.icon-delete-circle:before {
content: "v";
}
.icon-envelope:before {
content: "w";
}
.icon-eye:before {
content: "x";
}
.icon-fire:before {
content: "y";
}
.icon-flag:before {
content: "z";
}
.icon-heart:before {
content: "A";
}
.icon-image:before {
content: "B";
}
.icon-info:before {
content: "C";
}
.icon-lightning:before {
content: "D";
}
.icon-cat-chongwu:before {
content: "E";
}
.icon-cat-ershouche:before {
content: "F";
}
.icon-cat-fangwu:before {
content: "G";
}
.icon-cat-fuwu:before {
content: "H";
}
.icon-cat-jianli:before {
content: "I";
}
.icon-cat-jiaoyu:before {
content: "J";
}
.icon-cat-quanzhi:before {
content: "K";
}
.icon-location:before {
content: "L";
}
.icon-loop:before {
content: "M";
}
.icon-minus:before {
content: "N";
}
.icon-minus-circle:before {
content: "O";
}
.icon-mobile:before {
content: "P";
}
.icon-pencil:before {
content: "Q";
}
.icon-phone:before {
content: "R";
}
.icon-pin-to-top:before {
content: "S";
}
.icon-post:before {
content: "T";
}
.icon-question:before {
content: "U";
}
.icon-remove:before {
content: "V";
}
.icon-renew:before {
content: "W";
}
.icon-safety:before {
content: "X";
}
.icon-safety-warn:before {
content: "Y";
}
.icon-search:before {
content: "Z";
}
.icon-share:before {
content: "0";
}
.icon-star:before {
content: "1";
}
.icon-tag:before {
content: "2";
}
.icon-triangle-down:before {
content: "3";
}
.icon-user:before {
content: "4";
}
.icon-users:before {
content: "5";
}
.icon-vcard:before {
content: "6";
}
.icon-view-item:before {
content: "7";
}
.icon-view-pic:before {
content: "8";
}
.icon-view-title:before {
content: "9";
}
.icon-weibo:before {
content: "!";
}
.icon-windows:before {
content: "\"";
}
.icon-plus:before {
content: "#";
}
.icon-plus-circle:before {
content: "$";
}
Puerh Fonts CSS
Baicons Fonts CSS
22 days
50 commits
156 file changes
-330 +731 lines
鹏哥 蛋蛋 KFC 大师兄
68 conversation
Baicons
Puerh Icon Evolved
Baicons
By Amio
Baicons
- 1,299