postcss-times
PostCSS plugin that to use instead of !important
Install
npm i postcss-times
Usage
Write css.
#id:times(2) {}
.class:times(3) {}
.parent .child:times(2) {}
.parent .child.multi:times(2) {}
[attr=class]:times(2) {}
[attr^=class]:times(2) {}
[attr$=class]:times(2) {}
[attr="class"]:times(2) {}
#id:times(str) {}Transform
const fs = require('fs');
const postcss = require('postcss');
const times = require('postcss-times');
const css = fs.readFileSync('./sample.css', 'utf-8');
postcss([times])
.process(css)
.then(result => console.log(result.css));Output
Get like this.
#id#id {}
.class.class.class {}
.parent .child.child {}
.parent .child.multi.multi {}
[attr=class][attr=class] {}
[attr^=class][attr^=class] {}
[attr$=class][attr$=class] {}
[attr="class"][attr="class"] {}
#id {}Run to example
1 Clone this
git clone git@github.com:totora0155/postcss-times.git
2 Change directory
cd postcss-times
3 Install modules
npm install
4 Run to script
cd examples && node postcss.js
Change log
| version | log |
|---|---|
| 1.0.0 | Rewrite es6 |
| 0.0.1 | Release! |