calendar/src/assets/iconfont/README.md

718 B

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.