UNPKG

@bimdos/icon

Version:

跨框架图标库,支持 React、Vue、Angular、AngularJS、小程序等多种使用方式

55 lines (45 loc) 3.2 kB
/* 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; }