react-loading-screen
Version:
Loading screen example for react
21 lines (16 loc) • 337 B
JavaScript
import { css } from 'styled-components'
const sizes = {
largest: 10000,
desktop: 992,
tablet: 768,
phone: 376
}
const media = Object.keys(sizes).reduce((acc, label) => {
acc[label] = (...args) => css`
@media (max-width: ${sizes[label] / 16}em) {
${css(...args)}
}
`
return acc
}, {})
export default media