[css-values-5] Fix the definition of if(media()) to match how the other queries work.

Author: tabatkins

css-values-5/Overview.bs

@@ -1322,6 +1322,14 @@ Selecting the First Supported Value: the ''first-valid()'' notation</h3>
 	unlike <<whole-value>>.
 
 <!-- Big Text: if()
+
+████ █████▌   ██ ██
+ ▐▌  █▌      █▌   ▐█
+ ▐▌  █▌     █▌     ▐█
+ ▐▌  ████   █▌     ▐█
+ ▐▌  █▌     █▌     ▐█
+ ▐▌  █▌      █▌   ▐█
+████ █▌       ██ ██
 -->
 
 <h3 id="if-notation">
@@ -1345,11 +1353,12 @@ Conditional Value Selection: the ''if()'' notation</h3>
 	             <<if-condition>> : <<declaration-value>>? ;? )
 	<dfn><<if-condition>></dfn> = <<boolean-expr[ <<if-test>> ]>> | else
 	<dfn><<if-test>></dfn> =
-	  supports( [ <<supports-condition>> | <<ident>> : <<declaration-value>> ] ) |
-	  media( <<media-query>> ) |
+	  supports( [ <<ident>> : <<declaration-value>> ] | <<supports-condition>> ) |
+	  media( <<media-feature>> | <<media-condition>> ) |
 	  style( <<style-query>> )
 	</pre>
 
+
 	The <dfn value for="if()">else</dfn> keyword represents
 	a condition that is always true.