Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Unverified Commit d6a2973e authored by Georg Ehrke's avatar Georg Ehrke
Browse files

Add IconFont with checkboxes

parent 43b53ee4
Loading
Loading
Loading
Loading
+1 −0
Original line number Diff line number Diff line
@@ -74,6 +74,7 @@ vendor/
build/
js/
node_modules/
src/fonts
*.clover

# just sane ignores

.stylelintignore

0 → 100644
+1 −0
Original line number Diff line number Diff line
/src/fonts
+1564 −3849

File changed.

Preview size limit exceeded, changes collapsed.

+3 −0
+24 −0
Original line number Diff line number Diff line
# Automated icons font builder
 If you want to use an icon as a background on the components you need to use this tool.

 1. Put any 16x16 icon in this folder with a proper filename
 2. On your component scss import the font scss: `@import '~Fonts/scss/iconfont-vue';`
 3. On your scss rule, use the `iconfont` mixin:
 	``` scss
 	.icon-test {
 		@include iconfont('arrow-right-double');
 	}
 	```

 # Results
 - Your scss selector will now use the `:before` pseudo-element with the unicode content matching your icon.
 	``` scss
 	.icon-test:before {
 		font-family: 'iconfont-vue';
 		font-style: normal;
 		font-weight: 400;
 		content: "\EA03";
 	}
 	```

 - The font will automatically be embeded on the library.
Loading