@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',
        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
  • issue #3
  • ES7
    • @babel/register
    • build into /dist
    • refactor build process (rollup? backpack?)
• mocha tests
  • unit tests
  • test /bin
• proper option handling
  • add yargs
  • --output-type as (json | module | echo)

inspiration

• nativeCSS
• css-objects-loader