[mediaqueries] Add custom MQs.

--HG--
extra : rebase_source : 17c7fb6ed0b78103b51278afb7e1b025e4e7ece1

Author: tabatkins

mediaqueries/Overview.bs

@@ -15,7 +15,7 @@ Former Editor: Anne van Kesteren, Mozilla, annevk@annevk.nl
 !Issue Tracking: Inline, and <a href="http://www.w3.org/Style/CSS/Tracker/products/7">http://www.w3.org/Style/CSS/Tracker/products/7</a>
 Abstract: <a>Media Queries</a> allow authors to test and query values or features of the user agent or display device, independent of the document being rendered.  They are used in the CSS @media rule to conditionally apply styles to a document, and in various other contexts and languages, such as HTML and Javascript.
 Abstract: Media Queries Level 4 describes the mechanism and syntax of media queries, media types, and media features. It extends and supersedes the features defined in Media Queries Level 3.
-Ignored Terms: min-resolution, max-resolution, none, view-mode
+Ignored Terms: min-resolution, max-resolution, none, view-mode, <extension-name>
 Link Defaults: css-break-3 (property) break-inside
 </pre>
 
@@ -1704,14 +1704,11 @@ Custom Media Queries</h2>
 
 	A <dfn>custom media query</dfn> is defined with the ''@custom-media'' rule:
 
-	<pre class='prod'><dfn>@custom-media</dfn> = @custom-media <<custom-name>> <<media-query-list>> ;</pre>
+	<pre class='prod'><dfn>@custom-media</dfn> = @custom-media <<extension-name>> <<media-query-list>> ;</pre>
 
-	Where <dfn>&lt;custom-name></dfn> is an <a>identifier</a> which starts with two dashes (U+002D HYPHEN-MINUS),
-	like ''--foo''.
+	This defines that the <a>custom media query</a> named by the <<extension-name>> represents the given <<media-query-list>>.
 
-	This defines that the <a>custom media query</a> named by the <<custom-name>> represents the given <<media-query-list>>.
-
-	The <<custom-name>> can then be used in a <a>media feature</a>.
+	The <<extension-name>> can then be used in a <a>media feature</a>.
 	It <strong>must</strong> be used in a <a>boolean context</a>;
 	using them in a normal or <a>range context</a> is a syntax error.
 	The <a>custom media query</a> evaluates to true if the <<media-query-list>> it represents evaluates to true,
@@ -1782,7 +1779,7 @@ CSSOM</h3>
 		<dt><dfn>name</dfn>, of type <code>DOMString</code>
 		<dd>
 			The <a attribute>name</a> attribute on getting must return a <code>DOMString</code> object
-			that contains the serialization of the <<custom-name>> defined for the associated rule.
+			that contains the serialization of the <<extension-name>> defined for the associated rule.
 
 			On setting the <a attribute>name</a> attribute,
 			run the following steps:
@@ -1791,8 +1788,8 @@ CSSOM</h3>
 				<li><a>Parse a component value</a> from the value.
 
 				<li>
-					If the returned value is a <<custom-name>>,
-					replace the associated rule's name with the <<custom-name>>'s representation.
+					If the returned value is an <<extension-name>>,
+					replace the associated rule's name with the <<extension-name>>'s representation.
 
 				<li>
 					Otherwise, do nothing.

mediaqueries/Overview.html

@@ -60,7 +60,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>Media Queries Level 4</h1>
   <h2 class="no-num no-toc no-ref heading settled heading" id=subtitle><span class=content>Editor’s Draft,
-    <span class=dt-updated><span class=value-title title=20140410>10 April 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140411>11 April 2014</span></span></span></h2>
   <div data-fill-with=spec-metadata><dl><dt>This version:<dd><a class=u-url href=http://dev.w3.org/csswg/mediaqueries4/>http://dev.w3.org/csswg/mediaqueries4/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/mediaqueries4/>http://dev.w3.org/csswg/mediaqueries4/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bmediaqueries%5D%20feedback">www-style@w3.org</a>
@@ -2032,13 +2032,10 @@ <h2 class="heading settled heading" data-level=11 id=custom-mq><span class=secno
 
 <p>	A <dfn data-dfn-type=dfn data-noexport="" id=custom-media-query>custom media query<a class=self-link href=#custom-media-query></a></dfn> is defined with the <a class=css data-link-type=maybe href=#at-ruledef-custom-media title=@custom-media>@custom-media</a> rule:
 
-<pre class=prod><dfn class=css-code data-dfn-type=at-rule data-export="" id=at-ruledef-custom-media>@custom-media<a class=self-link href=#at-ruledef-custom-media></a></dfn> = @custom-media <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a> <a class="production css-code" data-link-type=type href=#typedef-media-query-list title="<media-query-list>">&lt;media-query-list&gt;</a> ;</pre>
-<p>	Where <dfn class=css-code data-dfn-type=type data-export="" id=typedef-custom-name>&lt;custom-name&gt;<a class=self-link href=#typedef-custom-name></a></dfn> is an <a data-link-type=dfn href=http://dev.w3.org/csswg/css-syntax-3/#identifier title=identifier>identifier</a> which starts with two dashes (U+002D HYPHEN-MINUS),
-	like <span class=css data-link-type=maybe title=--foo>--foo</span>.
+<pre class=prod><dfn class=css-code data-dfn-type=at-rule data-export="" id=at-ruledef-custom-media>@custom-media<a class=self-link href=#at-ruledef-custom-media></a></dfn> = @custom-media <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a> <a class="production css-code" data-link-type=type href=#typedef-media-query-list title="<media-query-list>">&lt;media-query-list&gt;</a> ;</pre>
+<p>	This defines that the <a data-link-type=dfn href=#custom-media-query title="custom media query">custom media query</a> named by the <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a> represents the given <a class="production css-code" data-link-type=type href=#typedef-media-query-list title="<media-query-list>">&lt;media-query-list&gt;</a>.
 
-<p>	This defines that the <a data-link-type=dfn href=#custom-media-query title="custom media query">custom media query</a> named by the <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a> represents the given <a class="production css-code" data-link-type=type href=#typedef-media-query-list title="<media-query-list>">&lt;media-query-list&gt;</a>.
-
-<p>	The <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a> can then be used in a <a data-link-type=dfn href=#media-feature title="media feature">media feature</a>.
+<p>	The <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a> can then be used in a <a data-link-type=dfn href=#media-feature title="media feature">media feature</a>.
 	It <strong>must</strong> be used in a <a data-link-type=dfn href=#boolean-context title="boolean context">boolean context</a>;
 	using them in a normal or <a data-link-type=dfn href=#range-context title="range context">range context</a> is a syntax error.
 	The <a data-link-type=dfn href=#custom-media-query title="custom media query">custom media query</a> evaluates to true if the <a class="production css-code" data-link-type=type href=#typedef-media-query-list title="<media-query-list>">&lt;media-query-list&gt;</a> it represents evaluates to true,
@@ -2101,7 +2098,7 @@ <h3 class="heading settled heading" data-level=11.2 id=custom-mq-cssom><span cla
 		<dt><dfn class=idl-code data-dfn-for=CSSCustomMediaRule data-dfn-type=attribute data-export="" id=dom-csscustommediarule-name>name<a class=self-link href=#dom-csscustommediarule-name></a></dfn>, of type <code>DOMString</code>
 		<dd>
 			The <a class=idl-code data-link-type=attribute href=#dom-csscustommediarule-name title=name>name</a> attribute on getting must return a <code>DOMString</code> object
-			that contains the serialization of the <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a> defined for the associated rule.
+			that contains the serialization of the <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a> defined for the associated rule.
 
 <p>			On setting the <a class=idl-code data-link-type=attribute href=#dom-csscustommediarule-name title=name>name</a> attribute,
 			run the following steps:
@@ -2110,8 +2107,8 @@ <h3 class="heading settled heading" data-level=11.2 id=custom-mq-cssom><span cla
 				<li><a data-link-type=dfn href=http://dev.w3.org/csswg/css-syntax-3/#parse-a-component-value0 title="parse a component value">Parse a component value</a> from the value.
 
 				<li>
-					If the returned value is a <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a>,
-					replace the associated rule’s name with the <a class="production css-code" data-link-type=type href=#typedef-custom-name title="<custom-name>">&lt;custom-name&gt;</a>'s representation.
+					If the returned value is an <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a>,
+					replace the associated rule’s name with the <a class="production css-code" data-link-type=type title="<extension-name>">&lt;extension-name&gt;</a>'s representation.
 
 				<li>
 					Otherwise, do nothing.
@@ -2331,7 +2328,6 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>@custom-media, <a href=#at-ruledef-custom-media title="section 11">11</a>
 <li>custom media query, <a href=#custom-media-query title="section 11">11</a>
 <li>CUSTOM_MEDIA_RULE, <a href=#dom-cssrule-custom_media_rule title="section 11.2">11.2</a>
-<li>&lt;custom-name&gt;, <a href=#typedef-custom-name title="section 11">11</a>
 <li>device-aspect-ratio, <a href=#descdef-device-aspect-ratio title="section 4.7">4.7</a>
 <li>device-height, <a href=#descdef-device-height title="section 4.6">4.6</a>
 <li>device-width, <a href=#descdef-device-width title="section 4.5">4.5</a>