33 lines
640 B
JavaScript
33 lines
640 B
JavaScript
import _ from 'lodash'
|
|
|
|
export default function buildMediaQuery(screens) {
|
|
if (_.isString(screens)) {
|
|
screens = { min: screens }
|
|
}
|
|
|
|
if (!_.isArray(screens)) {
|
|
screens = [screens]
|
|
}
|
|
|
|
return _(screens)
|
|
.map(screen => {
|
|
if (_.has(screen, 'raw')) {
|
|
return screen.raw
|
|
}
|
|
|
|
return _(screen)
|
|
.map((value, feature) => {
|
|
feature = _.get(
|
|
{
|
|
min: 'min-width',
|
|
max: 'max-width',
|
|
},
|
|
feature,
|
|
feature
|
|
)
|
|
return `(${feature}: ${value})`
|
|
})
|
|
.join(' and ')
|
|
})
|
|
.join(', ')
|
|
}
|