@story-telling-reporter/react-ui-toolkit
Version:
## Installation `yarn install`
22 lines (21 loc) • 860 B
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.mediaQuery = exports.breakpoints = void 0;
const breakpoints = exports.breakpoints = {
mobile: 375,
tablet: 768,
desktop: 1024,
hd: 1440
};
const mediaQuery = exports.mediaQuery = {
mobileOnly: `@media (max-width: ${breakpoints.tablet - 1}px)`,
tabletOnly: `@media (min-width: ${breakpoints.tablet}px) and (max-width: ${breakpoints.desktop - 1}px)`,
tabletAbove: `@media (min-width: ${breakpoints.tablet}px)`,
desktopBelow: `@media (max-width: ${breakpoints.desktop - 1}px)`,
desktopOnly: `@media (min-width: ${breakpoints.desktop}px) and (max-width: ${breakpoints.hd - 1}px)`,
desktopAbove: `@media (min-width: ${breakpoints.desktop}px)`,
hdBelow: `@media (max-width: ${breakpoints.hd - 1}px)`,
hdOnly: `@media (min-width: ${breakpoints.hd}px)`
};