typestyle-extensions/dist/src/mediaQueries.js

A useful collection of typestyle extensions and helper functions to make working with TypeStyle even more pleasant

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var typestyle_1 = require("typestyle");
var breakpoints = {
    sm: 600,
    md: 960,
    lg: 1280,
    xl: 1920,
};
function setBreakpointSizes(breakpointSizes) {
    breakpoints = breakpointSizes;
}
exports.setBreakpointSizes = setBreakpointSizes;
function widthDown(size, styles) {
    return typestyle_1.media({ maxWidth: breakpoints[size] }, styles);
}
exports.widthDown = widthDown;
function widthUp(size, styles) {
    return typestyle_1.media({ minWidth: breakpoints[size] }, styles);
}
exports.widthUp = widthUp;
//# sourceMappingURL=mediaQueries.js.map