export var breakpoints = {
  xs: '480px',
  sm: '768px',
  md: '1024px',
  lg: '1200px',
  xl: '1440px'
};
var createMediaQuery = function createMediaQuery(size, direction) {
  return "@media only screen and (".concat(direction, "-width: ").concat(breakpoints[size], ")");
};
export var mediaQueries = {
  xs: createMediaQuery('xs', 'min'),
  sm: createMediaQuery('sm', 'min'),
  md: createMediaQuery('md', 'min'),
  lg: createMediaQuery('lg', 'min'),
  xl: createMediaQuery('xl', 'min')
};
export var contentWidths = {
  md: breakpoints.lg,
  max: breakpoints.xl
};