mirror of
https://github.com/SomboChea/ui
synced 2024-06-26 21:15:32 +07:00
24 lines
536 B
TypeScript
24 lines
536 B
TypeScript
import { css } from 'emotion';
|
|
|
|
export const breakpoints = {
|
|
small: 576,
|
|
medium: 768,
|
|
large: 1024,
|
|
container: 1240,
|
|
xlarge: 1275,
|
|
};
|
|
|
|
const mq = Object.keys(breakpoints).reduce((accumulator, label) => {
|
|
const prefix = typeof breakpoints[label] === 'string' ? '' : 'min-width:';
|
|
const suffix = typeof breakpoints[label] === 'string' ? '' : 'px';
|
|
accumulator[label] = cls =>
|
|
css`
|
|
@media (${prefix + breakpoints[label] + suffix}) {
|
|
${cls};
|
|
}
|
|
`;
|
|
return accumulator;
|
|
}, {});
|
|
|
|
export default mq;
|