iconoir/iconoir.com/lib/responsive.ts
2023-01-11 19:08:14 +01:00

16 lines
362 B
TypeScript

export const BREAKPOINTS = {
xs: 500,
sm: 800,
md: 1000,
lg: 1100,
xl: 1400,
};
export const media = {
xs: `@media (min-width: ${BREAKPOINTS.xs}px)`,
sm: `@media (min-width: ${BREAKPOINTS.sm}px)`,
md: `@media (min-width: ${BREAKPOINTS.md}px)`,
lg: `@media (min-width: ${BREAKPOINTS.lg}px)`,
xl: `@media (min-width: ${BREAKPOINTS.xl}px)`,
};