❤
npm
Sign UpSign In

postcss-scale-media-query

1.0.1 • Public • Published

Postcss Scale Media Query Build Status

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; }'

Readme

Keywords

Package Sidebar

Install

npm i postcss-scale-media-query

Repository

github.com/neurosnap/postcss-scale-media-query

Homepage

github.com/neurosnap/postcss-scale-media-query#readme

Weekly Downloads

2

Version

1.0.1

License

MIT

Last publish

Collaborators

  • neurosnap
Try on RunKit
Report malware