sheetify-sibling

sheetify-sibling

plugin add sibling class selector for sheetify

example

/* somecsslib */
.a{
  color: red
}
.b, .c{
  color: black
}
.c > .e .f{
  color: green
}
.d.v{
  font-size: 10px
}

/* run */
const browserify = require('browserify')

browserify()
 .transform('sheetify/transform', { use: [
   [ 'sheetify-sibling', {'somecsslib': 'sibling'} ]
 ] })
 .bundle()

/* result */
.a.sibling{
  color: red
}
.b.sibling, .c.sibling{
  color: black
}
.c.sibling > .e .f{
  color: green
}
.d.v.sibling{
  font-size: 10px
}

usage

shell

$ browserify entry.js -t [ sheetify/transform -u [ [ 'sheetify-sibling', {'moduleName': 'siblingName'} ] ] ]

javascript

const browserify = require('browserify')

browserify()
 .transform('sheetify/transform', { use: [ 'sheetify-sibling', {
   'tachyons-flexbox': 'tachyons',
   'tachyons-skins': 'tachyons'
 } ] })
 .bundle()

package.json

{
  "browserify": {
    "transform": [
      [ "sheetify",
        {
          "u": [
            [
              "sheetify-sibling", {
                "tachyons-flexbox": "tachyons",
                "tachyons-skins": "tachyons"      
              }
            ]
          ]
        }        
      ]
    ]
  }
}

License

MIT