Skip to content

Commit a84ec1a

Browse files
committed
Readme
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
1 parent 5ff54d0 commit a84ec1a

File tree

1 file changed

+24
-0
lines changed

1 file changed

+24
-0
lines changed

src/assets/iconfont/README.md

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
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.

0 commit comments

Comments
 (0)