File tree Expand file tree Collapse file tree 1 file changed +24
-0
lines changed
Expand file tree Collapse file tree 1 file changed +24
-0
lines changed Original file line number Diff line number Diff line change 1+ # Automated icons font builder
2+ If you want to use an icon as a background on the components you need to use this tool.
3+
4+ 1 . Put any 16x16 icon in this folder with a proper filename
5+ 2 . On your component scss import the font scss: ` @import '~Fonts/iconfont-vue'; `
6+ 3 . On your scss rule, use the ` iconfont ` mixin:
7+ ``` scss
8+ .icon-test {
9+ @include iconfont('arrow-right-double');
10+ }
11+ ```
12+
13+ # Results
14+ - Your scss selector will now use the ` :before ` pseudo-element with the unicode content matching your icon.
15+ ``` scss
16+ .icon-test:before {
17+ font-family: 'iconfont-vue';
18+ font-style: normal;
19+ font-weight: 400;
20+ content: "\EA03";
21+ }
22+ ```
23+
24+ - The font will automatically be embeded on the library.
You can’t perform that action at this time.
0 commit comments