Files
kuboard-press/.vuepress/grid/utils/media-query-string.js
huanqing.shao cfc8a2df67 grid
2019-10-04 09:58:52 +08:00

13 lines
374 B
JavaScript

import isUndefined from './is-undefined'
export default ({ approach, query }) => {
const attr = { 'mobile-first': 'min-width', 'desktop-first': 'max-width' }[approach]
const [firstValue, secondValue] = query.split(' ')
if (isUndefined(secondValue)) {
return `(${attr}: ${firstValue})`
}
return `(min-width: ${firstValue}) and (max-width: ${secondValue})`
}