Stylus media query mixin

mq.styl

mq(from = null, to = null) {
  width-query = null

  if from {
    width-query = 'min-width: ' + (from + 1px)
  }

  if to {
    to-query = 'max-width: ' + to

    if width-query {
      width-query = width-query + ') and (' + to-query
    } else {
      width-query = to-query
    }
  }

  if width-query {
    @media ({width-query}) {
      {block}
    }
  } else {
    {block}
  }
}