NPM module for transforming css into automatic style guides.
npm install --save-dev autostyles
- add these lines to your package.json
"scripts": {
"styleguide": "buildguide",
}
THEN
npm run styleguide
OR
npm install autostyles -g
buildguide
You will be prompted for the source & destination folders. This information will be used to generate your style guide.
- ✔ Turn debug on to get log info? yes
- ✔ Source folder ./my-css
Source folder containing css files
- ✔ Destination folder dist
Destination folder final guide files
The css files located inside the /css
folder
/css
|-- sample.css
|-- sample2.css
are transformed into
/dist
|-- index.html
|-- page0.html
|-- page1.html
|-- css
|-- autostyles.css
|-- autostyles.js
|-- sample.css
|-- sample2.css