📦 payloadcms / custom-website-series

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23import breakpoints from './breakpoints';

export const xs = `@media(max-width: ${breakpoints.xs}px)`;

export const s = `@media(max-width: ${breakpoints.s}px)`;

export const m = `@media(max-width: ${breakpoints.m}px)`;

export const l = `@media(max-width: ${breakpoints.l}px)`;

export const xl = `@media(max-width: ${breakpoints.xl}px)`;

export const xxl = `@media(max-width: ${breakpoints.xxl}px)`;

export default {
  xs,
  s,
  m,
  l,
  xl,
  xxl,
};