calendar/src/assets/iconfont
Georg Ehrke d6a2973ea8
Add IconFont with checkboxes
Signed-off-by: Georg Ehrke <developer@georgehrke.com>
2020-08-28 15:33:04 +02:00
..
README.md Add IconFont with checkboxes 2020-08-28 15:33:04 +02:00
checkbox-checked.svg Add IconFont with checkboxes 2020-08-28 15:33:04 +02:00
checkbox.svg Add IconFont with checkboxes 2020-08-28 15:33:04 +02:00

README.md

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:
    .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.

    .icon-test:before {
    	font-family: 'iconfont-vue';
    	font-style: normal;
    	font-weight: 400;
    	content: "\EA03";
    }
    
  • The font will automatically be embeded on the library.