Usage no npm install needed!

<script type="module">
  import mediaQueryGap from 'https://cdn.skypack.dev/media-query-gap';
</script>

README

media-query-gap

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.

Install

npm install media-query-gap --save

Usage

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)'

API

mediaQueryGap(str)

Returns: string

str

Type: string

Media query to convert.