Back to packageRELEASE DETAILS

1.0.1

npm

2rem

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

Published17 Mar 2017

Direct dependencies3

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 3

Native requirements

3 direct targetsNot calculated transitive count

Package / target	Requirement	Relationship
gulp-util Environment { "local_name": "gulp-util", "alias": false, "peer_metadata": null }	`^3.0.8`	runtime
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": "7544b4b804b679c87d944d035c68183b0be3ac1c",
  "tarball": "https://registry.npmjs.org/2rem/-/2rem-1.0.1.tgz",
  "integrity": "sha512-eZmtkumHI/3P1gVOODbrP55vF7GNI/qjppL2QlCZik1xDNuPajE3Zy/WzsAn2JPssz0WyCgsvCKX2WgRPZnj1w==",
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIQDYc7GZWDIvB6QrNn2BlACfZEsAkya8AXKRq3uwELLWqQIgbu7a9iPI/SRCGsV0cO36MIdfiLAGbtxtm0aRUHgbw4U="
    }
  ]
}