Function applyMedia

OpenReservation/wwwroot/Scripts/respond.js:213–284

(fromResize)

        //enable/disable styles
        applyMedia = function (fromResize) {
            var name = "clientWidth",
                docElemProp = docElem[name],
                currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[name] || docElemProp,
                styleBlocks = {},
                lastLink = links[links.length - 1],
                now = (new Date()).getTime();

            //throttle resize calls
            if (fromResize && lastCall && now - lastCall < resizeThrottle) {
                clearTimeout(resizeDefer);
                resizeDefer = setTimeout(applyMedia, resizeThrottle);
                return;
            }
            else {
                lastCall = now;
            }

            for (var i in mediastyles) {
                var thisstyle = mediastyles[i],
                    min = thisstyle.minw,
                    max = thisstyle.maxw,
                    minnull = min === null,
                    maxnull = max === null,
                    em = "em";

                if (!!min) {
                    min = parseFloat(min) * (min.indexOf(em) > -1 ? (eminpx || getEmValue()) : 1);
                }
                if (!!max) {
                    max = parseFloat(max) * (max.indexOf(em) > -1 ? (eminpx || getEmValue()) : 1);
                }

                // if there's no media query at all (the () part), or min or max is not null, and if either is present, they're true
                if (!thisstyle.hasquery || (!minnull || !maxnull) && (minnull || currWidth >= min) && (maxnull || currWidth <= max)) {
                    if (!styleBlocks[thisstyle.media]) {
                        styleBlocks[thisstyle.media] = [];
                    }
                    styleBlocks[thisstyle.media].push(rules[thisstyle.rules]);
                }
            }

            //remove any existing respond style element(s)
            for (var i in appendedEls) {
                if (appendedEls[i] && appendedEls[i].parentNode === head) {
                    head.removeChild(appendedEls[i]);
                }
            }

            //inject active styles, grouped by media type
            for (var i in styleBlocks) {
                var ss = doc.createElement("style"),
                    css = styleBlocks[i].join("\n");

                ss.type = "text/css";
                ss.media = i;

                //originally, ss was appended to a documentFragment and sheets were appended in bulk.