postcss-verbosify

Make atomic classes more verbose based off of a configuration. Used to automate the creation of tachyons-verbose.

Installation

npm install --save postcss-verbosify

Usage

var postcss = require('postcss')
var verbosify = require('postcss-verbosify')

const config = {
  style: 'kebab',
  properties: {
    'vertical-align': true,
    'text-transform': false
  }
}

postcss([ verbosify(config) ]).process(myCss).css

Input

.bg-tomato {
  background-color: tomato;
}

Output

.background-tomato {
  background-color: tomato;
}

License

MIT

Contributing

1. Fork it
2. Create your feature branch (git checkout -b my-new-feature)
3. Commit your changes (git commit -am 'Add some feature')
4. Push to the branch (git push origin my-new-feature)
5. Create new Pull Request

Crafted with <3 by John Otander (@4lpine).

This package was initially generated with yeoman and the p generator.