Convert virtual class into pratical class. Inspired by react-functional-css-protips.
$ npm install @m31271n/class-name
const makeCN = require('@m31271n/class-name');
const classMapping = {
'-virtual-class-a': 'bold nowrap right-align',
// One virtual class can reference another virtual class
'-virtual-class-b': 'border-right m1 -virtual-class-a',
'-virtual-class-c': 'px2',
};
const cn = makeCN(classMapping);
cn('-virtual-class-a'); // '-virtual-class-a bold nowrap right-align'
classMapping
: Object
Returns cn(...args)
.
Same API with classnames. The only difference is that cn(...args)
returns class list contains virtual class.