Postcss Scale Media Query

The goal of this postcss plugin is to scale all media query -width by some percentage.

This will only alter the values of the following media query features:

• min-width
• max-width
• min-device-width
• max-device-width

Install

npm install postcss-scale-media-query

Use

const postcss = require('postcss');
const ScaleMediaQuery = require('postcss-scale-media-query');

const css = '@media (min-width:480px) { color: red; }';
const updatedCss = postcss([
  ScaleMediaQuery({ scale: 1.5 }),
]).process(css).css;

console.log(updatedCss);
// '@media (min-width:720px) { color: red; }'