@anterostecnologia/anteros-react-admin/src/components/AnterosMediaQueryTo.js

Anteros components for React - Admin menu

import hyphenate from 'hyphenate-style-name'
import mq from './AnterosMediaQueryHelper'

const negate = cond => `not ${cond}`

function keyVal(k, v) {
  const realKey = hyphenate(k)

  // px shorthand
  if (typeof v === 'number') {
    v = `${v}px`
  }
  if (v === true) {
    return k
  }
  if (v === false) {
    return negate(k)
  }
  return `(${realKey}: ${v})`
}

function join(conds) {
  return conds.join(' and ')
}

export default function (obj) {
  const rules = []
  Object.keys(mq.all).forEach(function (k) {
    const v = obj[k]
    if (v != null) {
      rules.push(keyVal(k, v))
    }
  })
  return join(rules)
}