@linaria/website/src/styles/utils.js


1
2
3
4
5
6
7
8
9
10
11

/* @flow */

export const breakpoints = {
  medium: 640,
  large: 1024,
};

export const media = Object.keys(breakpoints).reduce((acc, item) => {
  acc[item] = `@media screen and (min-width: ${breakpoints[item]}px)`;
  return acc;
}, {});