❤
npm
Sign UpSign In

babel-plugin-media-query-gap

1.2.3 • Public • Published

babel-plugin-media-query-gap

Build Status

Babel plugin for applying gap on max-width/height media queries.

Useful when you want to prevent double breakpoints.

Install

npm install babel-plugin-media-query-gap --save

Usage

Use it via available plugin activation options.

For .babelrc file:

{
    "plugins": [
        "babel-plugin-media-query-gap"
    ]
}

Then, in your code:

/* Before */
 
// Standard matchMedia call
window.matchMedia('screen and (max-width:600px)');
 
// Special leading comment before string or template literal
const jackie = /* @media */ 'screen and (max-width:600px)';
 
/* After */
 
window.matchMedia('screen and (max-width:599px)');
 
const jackie = /* @media */ 'screen and (max-width:599px)';

License

MIT © Ivan Nikolić

Readme

Keywords

Package Sidebar

Install

npm i babel-plugin-media-query-gap

Repository

github.com/niksy/babel-plugin-media-query-gap

Homepage

github.com/niksy/babel-plugin-media-query-gap#readme

Weekly Downloads

628

Version

1.2.3

License

MIT

Last publish

Collaborators

  • niksy
Try on RunKit
Report malware