postcss-dpr-px

PostCSS plugin to replace value in px with new value for device pixel ratio.

Usage no npm install needed!

<script type="module">
  import postcssDprPx from 'https://cdn.skypack.dev/postcss-dpr-px';
</script>

README

postcss-dpr-px Build Status

PostCSS plugin to replace value in px with new value for device pixel ratio.

.foo {
  width: 24px;
}

For device pixel ratio 1.5:

.foo {
  width: 16px;
}

Usage

postcss([ require( "postcss-dpr-px" ) ])

Options

dpr (default: 1)

rounding (default: "round")

permitZero (default: true)

See PostCSS docs for examples for your environment.

Changelog

License