Back to packageRELEASE DETAILS

1.0.11

npm

2rem

2rem is a postcss plugin that convert px to rem in your css

Published17 Mar 2017

Direct dependencies2

Transitive dependenciesNot calculated

README

Current package documentation

2rem

2rem is a postcss plugin that convert px to rem in your css

Usage

Gulp

var gulp = require('gulp');
var postcss = require('postcss');
var toRem = require('2rem');

gulp.task('css', function() {
  var processors = [
    toRem({
        base: 100,
        mini: 1
    })];
  return gulp.src('./src/*.css')
    .pipe(postcss(processors))
    .pipe(gulp.dest('./dest'));
});

Input

#demo {
    width: 100px;
    height: 200px;
    border: 1px solid #fafafa;
}

Output

#demo {
    width: 1rem;
    height: 2rem;
    border: 1px solid #fafafa;
}

Options

base number default: 50
mini number default: 1 (if one px value <= mini you set will not to be converted)

LICENSE

MIT.

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 2

Native requirements

2 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
lodash Environment { "local_name": "lodash", "alias": false, "peer_metadata": null }	`^4.17.4`	runtime
postcss Environment { "local_name": "postcss", "alias": false, "peer_metadata": null }	`^5.2.16`	runtime

Distribution files

1 collected

Distribution 1

Source distribution

Source file

Checksums from source

{
  "shasum": "2d22c95d20f88701426d84e16fe2523fe939f178",
  "tarball": "https://registry.npmjs.org/2rem/-/2rem-1.0.11.tgz",
  "integrity": "sha512-m222pcGQyMy4NmDRRyfd0tk9r8iSxmQnUdBIp7f5Yum8St1zSwugMRI1XyTszNYaogmBF1g5aVKrfQT78t+/Hw==",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDHcJtU9lF9VbZBxJsOXCEpVlCX2ZFjRLiWCtLHNaJtmgIgDVcp7E0w/su6mMtKY+0WVSoXFIHvZSTQNLLVxwa4/QE="
    }
  ]
}