Apply gap on max-width/height media queries.
Useful when you want to prevent double breakpoints.
This is a low-level module. You’re probably looking for PostCSS or Babel plugin.
npm install media-query-gap --save
import mediaQueryGap from 'media-query-gap';
console.log(emMediaQuery('screen and (max-width:600px)'));
// 'screen and (max-width:599px)'
console.log(emMediaQuery('screen and (max-width:37.5em)'));
// 'screen and (max-width:37.49em)'
Returns: string
Type: string
Media query to convert.
MIT © Ivan Nikolić