Style Guide
Usage
Sass
Import Sass file to load styles, fonts and mixins.
// main.scss
@import '~cw-styleguide/sass/coverwallet.scss';
Start guide server
nvm use
npm start
Go to http://localhost:8000
Icons
How to add new icons into styleguide
- Go to https://icomoon.io/app/#/projects
- Click on "New Project" -> Load
- Click on "Import Icons" and select coverwallet.svg file under /styleguide/fonts/ project directory
- When "The glyths in your SVG font were loaded. Use this font's metrics and metadata when exporting fonts?" appear -> click "Yes"
- Icons will appear on the dashboard. Make sure that there are no icons that you want to add
If you found icons that you were looking in the list, you need to proceed to 10 step
- Drag and drop new icons in svg format that you want to add into coverwallet section area
- Move them in the end of the icons list using "Move" tool at the top of the page
- Select all icons and click on "Generate Font". Make sure that new icons are visible and download
- Replace old fonts
- Add css classes per category (industries, subindustries, onlyclick, etc) and add new icons to the markup
- Call command "generate"
After adding the icons you need to update the project version in package.json. Then merge to master, and run
npm publish