Pixel to rem postproccessor
npm install node-px2remRun npm install node-px2rem
``js
'use strict';
const fs = require('fs');
const px2rem = require('node-px2rem');
const css = fs.readFileSync('main.css', 'utf8');
const processedCSS = px2rem.process(css, {
rootValue: 16
});
fs.writeFile('main-rem.css', processedCSS, (err) => {
if (err) {
throw err;
}
console.log('Done.');
});
`
Type: Object | Null`
Default:js`
{
rootValue: 16,
unitPrecision: 5,
propertyBlackList: [],
propertyWhiteList: [],
replace: false,
mediaQuery: false,
minPx: 1
}
- rootValue (Number) The root element font size.unitPrecision
- (Number) The decimal numbers to allow the REM units to grow to.propertyBlackList
- (Array) The properties that can't change from px to rem.propertyWhiteList
- (Array) The properties that can change from px to remreplace
- (Boolean) Replaces rules containing rems instead of adding fallbacks.mediaQuery
- (Boolean) Allow px to be converted in media queries.minPx` (Number) If minimum px greater than or equal can change from px to rem.
-
[npm-image]: https://badge.fury.io/js/node-px2rem.svg
[npm-url]: https://npmjs.org/package/node-px2rem
[travis-image]: https://travis-ci.com/ggkovacs/node-px2rem.svg?branch=master
[travis-url]: https://travis-ci.com/ggkovacs/node-px2rem
[daviddm-image]: https://david-dm.org/ggkovacs/node-px2rem.svg?theme=shields.io
[daviddm-url]: https://david-dm.org/ggkovacs/node-px2rem
[coverage-image]: https://coveralls.io/repos/ggkovacs/node-px2rem/badge.svg?service=github&branch=master
[coverage-url]: https://coveralls.io/github/ggkovacs/node-px2rem?branch=master