Fix @font-face rules nested in @media (#103)

Fixes #102

Author: jonkemp

lib/parse.js

@@ -399,7 +399,6 @@ CSSOM.parse = function parse(token) {
 							prevScope = currentScope;
 							currentScope = parentRule;
 							currentScope.cssRules.push(prevScope);
-							break;
 						}
 
 						if (ancestorRules.length === 0) {

spec/parse.spec.js

@@ -676,6 +676,48 @@ var TESTS = [
 			return result;
 		})()
 	},
+	{
+		input: "@media screen{a{color:blue !important;background:red;} @font-face { font-family: 'Arial2'; } }",
+		result: (function() {
+			var result = {
+				cssRules: [
+					{
+						media: {
+							0: "screen",
+							length: 1
+						},
+						cssRules: [
+							{
+								selectorText: "a",
+								style: {
+									0: "color",
+									1: "background",
+									color: "blue",
+									background: "red",
+									length: 2
+								}
+							},
+							{
+								style: {
+									0: "font-family",
+									"font-family": "'Arial2'",
+									length: 1
+								}
+							},
+							".."
+						],
+						parentRule: null
+					}
+				],
+				parentStyleSheet: null
+			};
+			result.cssRules[0].parentStyleSheet = result.cssRules[0].cssRules[0].parentStyleSheet = result.cssRules[0].cssRules[1].parentStyleSheet = result;
+			result.cssRules[0].cssRules[0].parentRule = result.cssRules[0].cssRules[1].parentRule = result.cssRules[0];
+			result.cssRules[0].cssRules[0].style.parentRule = result.cssRules[0].cssRules[0];
+			result.cssRules[0].cssRules[1].style.parentRule = result.cssRules[0].cssRules[1];
+			return result;
+		})()
+	},
 	{
 		input: "@supports (display: grid) { html { display: grid; } }",
 		result: (function() {