@stackend/react/media.js

React components for Stackend

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.media = exports.default = exports.containerSize = exports.container = void 0;
var media = {
  mobileScreen: '@media only screen and (max-width: 767px)',
  overMobile: '@media only screen and (min-width: 768px)',
  tabletScreen: '@media only screen and (max-width: 991px)',
  overTablet: '@media only screen and (min-width: 992px)',
  smallerScreen: '@media only screen and (max-width: 1300px)',
  largerScreen: '@media only screen and (min-width: 1300px)',
  evenLargerScreen: '@media only screen and (min-width: 1400px)',
  wideScreen1920: '@media only screen and (min-width: 1900px)',
  wideScreen2560: '@media only screen and (min-width: 2500px)',
  smallerThanEvenLargerScreen: '@media only screen and (max-width: 1399px)'
};
exports.media = media;
var _default = media;
exports.default = _default;
var containerSize = {
  mobileScreen: 'max-width: 767px',
  overMobile: 'min-width: 768px',
  tabletScreen: 'max-width: 991px',
  overTablet: 'min-width: 992px',
  smallerScreen: 'max-width: 1300px',
  largerScreen: 'min-width: 1300px',
  evenLargerScreen: 'min-width: 1400px',
  wideScreen1920: 'min-width: 1900px',
  wideScreen2560: 'min-width: 2500px',
  smallerThanEvenLargerScreen: 'max-width: 1399px'
};
exports.containerSize = containerSize;
var container = {
  mobileScreen: '@container (max-width: 767px)',
  overMobile: '@container (min-width: 768px)',
  tabletScreen: '@container (max-width: 991px)',
  overTablet: '@container (min-width: 992px)',
  smallerScreen: '@container (max-width: 1300px)',
  largerScreen: '@container (min-width: 1300px)',
  evenLargerScreen: '@container (min-width: 1400px)',
  wideScreen1920: '@container (min-width: 1900px)',
  wideScreen2560: '@container (min-width: 2500px)',
  smallerThanEvenLargerScreen: '@container (max-width: 1399px)'
};
exports.container = container;
//# sourceMappingURL=media.js.map