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

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 1.0.1
    0
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 1.0.1
    0
  • 1.0.0
    0

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

0

Version

1.0.1

License

MIT

Last publish

Collaborators

  • neurosnap
Try on RunKit
Report malware