@bimdos/icon
Version:
跨框架图标库,支持 React、Vue、Angular、AngularJS、小程序等多种使用方式
55 lines (45 loc) • 3.2 kB
CSS
/* Bimdos Icon Library */
.bimdos-icon {
display: inline-block;
vertical-align: -0.125em;
}
/* 只对没有内联 fill 属性的 SVG 应用 currentColor */
.bimdos-icon:not([fill]) {
fill: currentColor;
}
/* 针对 AngularJS 组件的样式 */
bimdos-icon {
display: inline-block;
}
bimdos-icon .bimdos-icon {
display: block;
}
/* 字体图标样式(使用 ::before 伪元素的图标) */
.bimdos-icon-up::before {
content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M489.373%20361.373C501.744%20349%20521.726%20348.877%20534.25%20361l.377.372%20256%20256c12.497%2012.496%2012.497%2032.758%200%2045.254-12.371%2012.372-32.353%2012.496-44.877.372l-.377-.372L512%20429.255%20278.627%20662.627C266.256%20675%20246.274%20675.123%20233.75%20663l-.377-.372C221%20650.256%20220.877%20630.274%20233%20617.75l.372-.377z%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
.bimdos-icon-right::before {
content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M361.373%20233.373C373.744%20221%20393.726%20220.877%20406.25%20233l.377.372%20256%20256c12.372%2012.371%2012.496%2032.353.372%2044.877l-.372.377-256%20256c-12.496%2012.497-32.758%2012.497-45.254%200-12.373-12.37-12.496-32.352-.373-44.876l.372-.377L594.745%20512%20361.373%20278.627C349%20266.256%20348.877%20246.274%20361%20233.75z%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
.bimdos-icon-left::before {
content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M617.373%20233.373c12.496-12.497%2032.758-12.497%2045.254%200%2012.372%2012.371%2012.496%2032.353.372%2044.877l-.372.377L429.255%20512l233.372%20233.373c12.372%2012.371%2012.496%2032.353.372%2044.877l-.372.377C650.256%20803%20630.274%20803.123%20617.75%20791l-.377-.372-256-256C349%20522.256%20348.877%20502.274%20361%20489.75l.372-.377z%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}
.bimdos-icon-down::before {
content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22icon%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20d%3D%22M745.373%20361.373c12.496-12.497%2032.758-12.497%2045.254%200%2012.372%2012.371%2012.496%2032.353.372%2044.877l-.372.377-256%20256C522.256%20675%20502.274%20675.123%20489.75%20663l-.377-.372-256-256c-12.497-12.496-12.497-32.758%200-45.254C245.744%20349%20265.726%20348.877%20278.25%20361l.377.372L512%20594.745z%22%2F%3E%3C%2Fsvg%3E");
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
}