JavaScript Generated CSS

You can use JavaScript to dynamically or statically render conditional, mobile, CSS


if (device.desktop()) {
//Desktop base and portrait
    if (device.landscape()) {
    //Desktop landscape
    }
} else {
//Non-Desktop (TV and Mobile) base and portrait
    if (device.landscape()) {
    //Non-Desktop (TV and Mobile) base and landscape
    } 
    if (device.iphone()) {
    //iPhone base and portrait
        if (device.landscape()) {
        //iPhone landscape
        }
    } else if (device.ipad()) {
    //iPad base and portrait
        if (device.landscape()) {
        //iPad landscape
        }
    } else if (device.androidPhone()) {
    //Android Phone base and portrait
        if (device.landscape()) {
        //Android Phone landscape
        }
    } else if (device.androidTablet()) {
    //Android Tablet base and portrait
        if (device.landscape()) {
        //Android Tablet landscape
        }
    }
}


See: device.js