@stackr23/styleobjects

> transform stylesheets to JS objects

 
[![Maintenance][maintenance-img]][maintenance-url]
[![PRs Welcome][pr-welcome]](http://makeapullrequest.com)

[maintenance-img]: https://img.shields.io/badge/Maintained%3F-yes-green.svg
[maintenance-url]: https://GitHub.com/stackR23/styleobjects/graphs/
[pr-welcome]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square

__style.css__
``css
.test { font-size: 20px; }
.test23 { padding-top: 5px; }
.test23 .testInner { font-decoration: none; }
`

__output.js__
`javascript
{
test: {'fontSize': '20px'},
test23: {'fontSize': '23px'},
test23__testInner: {'fontDecoration': 'none'}
}
`

CLI usage

`bash
npm install -g @stackr23/styleobjects
npx @stackr/styleobjects --input ./style.css --output ./output.js
`

__--input__   - {String:path | String | URL | Buffer} - __required__
__--outout__ - {String:path`}

webpack usage

> __@stackr/styleobjects-loader__

v2 roadmap

* [ ] ? add eslint
* [ ] refactor core
* [ ] handle subclasses recursively
* [x] transformToNestedDomStyleObjects() - recursively
* [ ] use humps for camelization
* [x] ES7
* [x] @babel/register
* [x] build into /dist
* [x] mocha tests
* [x] unit tests
* [x] test /bin
* [ ] proper option handling
* [x] add yargs
* [ ] --output-type as (json | module | echo)
* [ ] DocBlocks // Comments

inspiration

* nativeCSS
* css-objects-loader