Media queries in Stylus

mq.styl

MQ = true

mq(point, query1=min, query2=width)
    if MQ
        query = 'screen and (%s-%s: %sem)' % (query1 query2 point/16)
        @media query
            {block}
    else
        {block}



myMixin( b )
    query = 'only screen and (max-width: %s)' % b
    @media query
        {block}

_placeholder()
    ::-webkit-input-placeholder
        {block}

    input:-moz-placeholder
        {block}

    input:-ms-input-placeholder
        {block}

cal(a, b)
    a+b


div
    color black
    +mq(300, max, height)
        font gerogia

+_placeholder()
    color red
    font cal(10, 50)