include-media-query-builder/build/buildParsedQuery.js

Build include-media-like media queries in JavaScript

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const types_1 = require("./types");
const buildParsedQuery = (breakpoints, query) => {
    if ((0, types_1.isRawQuery)(query)) {
        return query;
    }
    const { operator, size } = query;
    const value = breakpoints[size];
    if (operator === '<') {
        return `(max-width: ${value - 1}px)`;
    }
    if (operator === '<=') {
        return `(max-width: ${value}px)`;
    }
    if (operator === '>=' || operator === '≥') {
        return `(min-width: ${value}px)`;
    }
    if (operator === '>' || operator === '≤') {
        return `(min-width: ${value + 1}px)`;
    }
    throw new Error('Unknown operator');
};
exports.default = buildParsedQuery;