include-media-query-builder

Build include-media-like media queries in JavaScript.

Powers https://websktop.com.

Installation

npm install include-media-query-builder --save

API

import { buildMediaQuery } from 'include-media-query-builder';

const sizes = {
  s: 768,
  m: 992,
  l: 1200,
};

console.log(buildMediaQuery(sizes, ['<s']));                  // (max-width: 767px)
console.log(buildMediaQuery(sizes, ['<s', '(hover: none)'])); // (max-width: 767px) and (hover: none)
console.log(buildMediaQuery(sizes, ['>s', '<=m']));           // (min-width: 769px) and (max-width: 992px)
console.log(buildMediaQuery(sizes, ['>=s', '<=m']));          // (min-width: 768px) and (max-width: 992px)