Skip to content

stackcss/sheetify-nested

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

sheetify-nested stability

npm version build status test coverage downloads js-standard-style

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