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

/postcss-scale-media-query/

    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