@atlaskit/primitives
Version:
Primitives are token-backed low-level building blocks.
25 lines • 883 B
JavaScript
export const media = {
above: {
xxs: '@media all',
xs: '@media (min-width: 30rem)',
sm: '@media (min-width: 48rem)',
md: '@media (min-width: 64rem)',
lg: '@media (min-width: 90rem)',
xl: '@media (min-width: 110.5rem)'
},
only: {
xxs: '@media (min-width: 0rem) and (max-width: 29.99rem)',
xs: '@media (min-width: 30rem) and (max-width: 47.99rem)',
sm: '@media (min-width: 48rem) and (max-width: 63.99rem)',
md: '@media (min-width: 64rem) and (max-width: 89.99rem)',
lg: '@media (min-width: 90rem) and (max-width: 110.49rem)',
xl: '@media (min-width: 110.5rem)'
},
below: {
xs: '@media not all and (min-width: 30rem)',
sm: '@media not all and (min-width: 48rem)',
md: '@media not all and (min-width: 64rem)',
lg: '@media not all and (min-width: 90rem)',
xl: '@media not all and (min-width: 110.5rem)'
}
};