Webinative Style Guide

Frontend style guide for Webinative sites.

Set up

1. Clone the repository using git clone git@github.com:Webinative/webinative-styleguide.git.
2. Install node modules using yarn install.
3. To compile SCSS, run yarn build:css.
4. To generate KSS style guide, run yarn kss.

Viewing the styleguide

Run the python webserver,

python3 -m http.server 8008

Then visit http://localhost:8008/styleguide/ from your web browser.

VS Code extensions

Install the following Visual Studio Code extensions.

• SCSS Formatter
• PostCSS Sorting
• Window Colors