Device sizes

TS 
Copy code
const size = {
  mobileS: '320px',
  mobileM: '375px',
  mobileL: '425px',
  mobileXL: '520px',
  mobileXXL: '580px',
  tabletMini: '680px',
  tablet: '768px',
  laptop: '1024px',
  laptopS: '1120px',
  laptopM: '1240px',
  laptopL: '1440px',
  desktopS: '1540px',
  desktop: '2560px',
};

export const device = {
  mobileS: `(max-width: ${size.mobileS})`,
  mobileM: `(max-width: ${size.mobileM})`,
  mobileL: `(max-width: ${size.mobileL})`,
  mobileXL: `(max-width: ${size.mobileXL})`,
  mobileXXL: `(max-width: ${size.mobileXXL})`,
  tabletMini: `(max-width: ${size.tabletMini})`,
  tablet: `(max-width: ${size.tablet})`,
  laptopS: `(max-width: ${size.laptopS})`,
  laptop: `(max-width: ${size.laptop})`,
  laptopM: `(max-width: ${size.laptopM})`,
  laptopL: `(max-width: ${size.laptopL})`,
  desktopS: `(max-width: ${size.desktopS})`,
  desktop: `(max-width: ${size.desktop})`,
  desktopL: `(max-width: ${size.desktop})`,
};