Scripts

Project build

yarn build

Project development

yarn start

Lint JS/CSS

yarn lint

Styleguide

SVG

On project available svg sprite. All icons from assets/images/icons/sprite-... folders will automatically include to HTML via js. Example usage:

<svg>
    <use xlink:href="#<ICON-NAME>"/>
</svg>

sprite-complex contain complex icons without elements formatting. Can be changed only size. Use for multi-colors, shadowed icons etc.

spite-simple contain "one color" icons where elements are not intersect, can be changed color and size. Use for simple one color icons.

In case when you need a static file, look for comments in For static sprite file in webpack.config.js. And remove script from src/js/main.js

HTML / CSS

Use BEM methodology.

Use src/styles/readme.md for explanation of files structure in css.

JS

Babel included so you are free to use ES6 syntax. Also use import\export for destructure main file.