Can't parse @font-face nested in @media.

[jonkemp]

Breaks on code like this.

@media screen {
    a {
        color: blue !important;
        background: red;
    }
    @font-face {
        font-family: 'Arial2';
    }
}

[NV]

I unrolled this because it broke nested media queries #104.

CSSOM/lib/parse.js

Lines 389 to 415 in a4b46da

	// Handle rules nested in @media or @supports
	hasAncestors = ancestorRules.length > 0;
	while (ancestorRules.length > 0) {
	parentRule = ancestorRules.pop();
	if (
	parentRule.constructor.name === "CSSMediaRule"
	|| parentRule.constructor.name === "CSSSupportsRule"
	) {
	prevScope = currentScope;
	currentScope = parentRule;
	currentScope.cssRules.push(prevScope);
	break;
	}
	if (ancestorRules.length === 0) {
	hasAncestors = false;
	}
	}
	if (!hasAncestors) {
	currentScope.__ends = i + 1;
	styleSheet.cssRules.push(currentScope);
	currentScope = styleSheet;
	parentRule = null;
	}

This logic looks rather complex. I'm not going to attempt to fix it right now.

I'll still accept a patch that handles both nested media queries and @font-face rules inside of media queries.

[NV]

@devrelm since you implemented nested media rules, perhaps you know how to fix parsing of @font-face nested in @media properly.

[jonkemp]

@NV thanks for fixing!