{"size": 392, "ext": "js", "max_stars_repo_path": "src/utils/responsive.js", "max_stars_repo_name": "leonardodino/tcc-refs", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/utils/responsive.js", "max_issues_repo_name": "leonardodino/tcc-refs", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/utils/responsive.js", "max_forks_repo_name": "leonardodino/tcc-refs", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 35.6363636364, "max_line_length": 77, "alphanum_fraction": 0.637755102}
import {css} from 'styled-components'
import {breakpoints} from '../constants'

const media = type => (...args) => css`@media only ${type} {${css(...args)}}`

export const screen = media('screen')
export const print = media('print')
export const above = Object.keys(breakpoints).reduce((obj = {}, key) => ({
	...obj, [key]: media(`screen and (min-width: ${breakpoints[key].width})`),
}), {})
