A styleguide template with PostCSS and CSS4 feature set
npm install styleguide-starter-kit npm i -g styleguide-starter-kit`
- In the project directory, run: `create-styleguide`
It generates a styleguide folder in your project with the following:
- styles: includes all the pattern library CSS
- styleguide-template: template used for generating the style guide
- gulpfile: task runner
- public: includes the styleguide, a demo with the styleguide and the styleguide.min.css if you want to consume all of it in your site.
$3
- Go in to the styleguide folder and try `npm run start`
- You can now view your style guide in `http://localhost:4500`
- There is also a demo in `http://localhost:4500/demo`
$3
You can include the following in your package.json to include the style guide tasks as well:
`
"scripts": {
"start": "node ./index.js & npm run start --prefix ./styleguide"
},
``