Skip to content

ggkovacs/node-px2rem

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Jan 2, 2021
83e3222 · Jan 2, 2021
Jan 22, 2019
Jan 2, 2021
Jan 22, 2019
Jan 22, 2019
Jan 26, 2016
Jan 22, 2019
Jan 25, 2016
Jul 28, 2018
Jan 2, 2021
Jan 2, 2021
Jan 22, 2019
Jan 2, 2021
Jan 2, 2021
Jan 2, 2021

Repository files navigation

Pixel to rem NPM version Build Status Dependency Status Coverage Status

Version: 2.0.5

Installation

Run npm install node-px2rem

Usage

'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.');
});

API

Options

Type: Object | Null Default:

{
  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 rem
  • replace (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.

License

MIT © 2021 Gergely Kovács ([email protected])