postcss-em-media-query

PostCSS plugin for transforming min/max-width/height media queries to ems.

Usage no npm install needed!

<script type="module">
  import postcssEmMediaQuery from 'https://cdn.skypack.dev/postcss-em-media-query';
</script>

README

postcss-em-media-query

Build Status

PostCSS plugin for transforming min/max-width/height media queries to ems.

Install

npm install postcss postcss-em-media-query --save

Usage

import postcss from 'postcss';
import emMediaQuery from 'postcss-em-media-query';

postcss([
    emMediaQuery({
        /* options */
    })
]);

/* Before */

@media screen and (min-width: 600px) and (max-width: 739px) {
    .foo {
        color: red;
    }
}

/* After */

@media screen and (min-width: 37.5em) and (max-width: 46.1875em) {
    .foo {
        color: red;
    }
}

Options

precision

Type: Integer
Default: 5

Rounding precision for values.

License

MIT © Ivan Nikolić