sheetify-nested

Sheetify plugin to unwrap nested rules.

// in.js
var css = require('sheetify')

css`
  :host {
    .input {
      color: blue;
    }
    .button {
      &:hover, &:focus {}
    }
  }
`

/* out.css */
._5e252abd .input {
    color: blue;
}
._5e252abd .button:hover,._5e252abd .button:focus {}

Command line

$ browserify ./test/in.js -t [ sheetify/transform -u sheetify-nested ]

JS api

const browserify = require('browserify')
 
browserify()
  .transform('sheetify/transform', { use: [ 'sheetify-nested' ] })
  .bundle()

Installation

$ npm install sheetify-nested

License

MIT