@stackr23/styleobjects v1.4.0

@stackr23/styleobjects

transform stylesheets to JS objects

style.css

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

output.js

{
    test:   {'fontSize': '20px'},
    test23: {'fontSize': '23px'},
    test23__testInner: {'fontDecoration': 'none'}
}

CLI usage

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
    • transformToNestedDomStyleObjects() - recursively
  • use humps for camelization
  • ES7
    • @babel/register
    • build into /dist
• mocha tests
  • unit tests
  • test /bin
• proper option handling
  • add yargs
  • --output-type as (json | module | echo)
• DocBlocks // Comments

inspiration

• nativeCSS
• css-objects-loader