c60ba8708a
* Bumps w/ eslint * Additional * Additional * Additional * Additional * Remove style props * Additional * Additional * Additional * Additional (< 100) * eslint passes, tsc next * tsc fixes * Update deps * Update i18n
29 lines
781 B
TypeScript
29 lines
781 B
TypeScript
// Copyright 2017-2020 @polkadot/react-components authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import { css } from 'styled-components';
|
|
|
|
import { ScreenSizes } from './constants';
|
|
|
|
type MediaCss = {
|
|
[index in keyof typeof ScreenSizes]: (values: TemplateStringsArray) => any
|
|
};
|
|
|
|
const media = Object
|
|
.keys(ScreenSizes)
|
|
.reduce((acc: MediaCss, label: any): MediaCss => {
|
|
const size: number = ScreenSizes[label as 'TABLET'];
|
|
|
|
acc[label as 'TABLET'] = (values: TemplateStringsArray): unknown =>
|
|
css`
|
|
@media (min-width: ${size / 16}em) {
|
|
${values}
|
|
}
|
|
`;
|
|
|
|
return acc;
|
|
}, {} as unknown as MediaCss);
|
|
|
|
export default media;
|