[css-animations-1] Mark up productions

Author: heycam

css-animations-1/Overview.bs

@@ -604,7 +604,7 @@ The 'animation-iteration-count' property</h3>
 	Canonical order: per grammar
 	</pre>
 
-	<dfn>&lt;single-animation-iteration-count></dfn> = infinite | <<number>>
+	<span class=prod><dfn>&lt;single-animation-iteration-count></dfn> = infinite | <<number>></span>
 
 	<dl dfn-type=value dfn-for=animation-iteration-count>
 		<dt><dfn>infinite</dfn>
@@ -646,7 +646,7 @@ The 'animation-direction' property</h3>
 	Canonical order: per grammar
 	</pre>
 
-	<dfn>&lt;single-animation-direction></dfn> = normal | reverse | alternate | alternate-reverse
+	<span class=prod><dfn>&lt;single-animation-direction></dfn> = normal | reverse | alternate | alternate-reverse</span>
 
 	<dl dfn-type=value dfn-for=animation-direction>
 		<dt><dfn>normal</dfn>
@@ -692,7 +692,7 @@ The 'animation-play-state' property</h3>
 	Canonical order: per grammar
 	</pre>
 
-	<dfn>&lt;single-animation-play-state></dfn> = running | paused
+	<span class=prod><dfn>&lt;single-animation-play-state></dfn> = running | paused</span>
 
 	<dl dfn-type=value dfn-for=animation-play-state>
 		<dt><dfn>running</dfn>
@@ -774,7 +774,7 @@ The 'animation-fill-mode' property</h3>
 	Canonical order: per grammar
 	</pre>
 
-	<dfn>&lt;single-animation-fill-mode></dfn> = none | forwards | backwards | both
+	<span class=prod><dfn>&lt;single-animation-fill-mode></dfn> = none | forwards | backwards | both</span>
 
 	<dl dfn-type=value dfn-for=animation-fill-mode>
 		<dt><dfn>none</dfn>
@@ -824,7 +824,7 @@ The 'animation' shorthand property</h3>
 	Canonical order: per grammar
 	</pre>
 
-	<dfn>&lt;single-animation></dfn> = <<time>> || <<easing-function>> || <<time>> || <<single-animation-iteration-count>> || <<single-animation-direction>> || <<single-animation-fill-mode>> || <<single-animation-play-state>> || [ none | <<keyframes-name>> ]
+	<span class=prod><dfn>&lt;single-animation></dfn> = <<time>> || <<easing-function>> || <<time>> || <<single-animation-iteration-count>> || <<single-animation-direction>> || <<single-animation-fill-mode>> || <<single-animation-play-state>> || [ none | <<keyframes-name>> ]</span>
 
 	Note that order is important within each animation definition: the first value in each
 	<<single-animation>> that can be parsed as a <<time>> is assigned to the 'animation-duration',