[css-animations] No luck having Bikeshed mark up in-spec issues; reverting to explicit markup

Author: Sylvain Galineau

css-animations/Overview.bs

@@ -193,8 +193,10 @@ Keyframes</h2>
 	'animation-timing-function', the behavior of which is described below. In addition, keyframe rule
 	declarations qualified with !important are ignored.
 
-	Issue: Need to describe what happens if a property is not present in all keyframes.
-
+	<p class="issue">
+	Need to describe what happens if a property is not present in all keyframes.
+	</p>
+	
 	The @keyframes rule that is used by an animation will be the last one encountered in sorted rules
 	order that matches the name of the animation specified by the 'animation-name' property. It must be
 	noted that @keyframes rules cascade; therefore, an animation may derive keyframes from more than one
@@ -695,12 +697,16 @@ The 'animation-fill-mode' property</h3>
 			but a forwards fill will still apply the values of the ''100%'' keyframe,
 			not whatever values were being applied at the time the animation stopped executing.
 
-			Issue: Why does it ignore the progress made by a non-integer iteration count?
+			<p class="issue">
+			Why does it ignore the progress made by a non-integer iteration count?
+			</p>
 
-			Issue: What happens with ''animation-duration: 0; animation-iteration-count: infinite;''?
+			<p class="issue">
+			What happens with ''animation-duration: 0; animation-iteration-count: infinite;''?
 			The animation is instantaneous,
 			but there is no "last complete iteration".
 			In particular, you can't tell whether to use the 0% or 100% keyframe.
+			</p>
 
 		<dt><dfn>backwards</dfn>
 		<dd>
@@ -778,8 +784,10 @@ Animation Events</h2>
 	Any animation for which both a valid keyframe rule and a non-zero duration are defined will run
 	and generate events; this includes animations with empty keyframe rules.
 
-	Issue: This contradicts the 'animation-delay' section,
+	<p class="issue">
+	This contradicts the 'animation-delay' section,
 	which says that a ''0s'' duration animation still fires events.
+	</p>
 
 	The time the animation has been running is sent with each event generated. This allows the event
 	handler to determine the current iteration of a looping animation or the current position of an

css-animations/Overview.html

@@ -162,7 +162,8 @@ <h2 class="no-num no-toc no-ref heading settled heading" id=contents><span class
 		<li><a href=#normative><span class=secno></span> Normative References</a>
 		<li><a href=#informative><span class=secno></span> Informative References</a></ul>
 	<li><a href=#index><span class=secno></span> Index</a>
-	<li><a href=#property-index><span class=secno></span> Property index</a></ul></div>
+	<li><a href=#property-index><span class=secno></span> Property index</a>
+	<li><a href=#issues-index><span class=secno></span>Issues Index</a></ul></div>
 
 
 
@@ -334,8 +335,10 @@ <h2 class="heading settled heading" data-level=4 id=keyframes><span class=secno>
 	<a class=property data-link-type=propdesc href=#propdef-animation-timing-function title=animation-timing-function>animation-timing-function</a>, the behavior of which is described below. In addition, keyframe rule
 	declarations qualified with !important are ignored.
 
-<p>	Issue: Need to describe what happens if a property is not present in all keyframes.
-
+	<p class=issue id=issue-f48af4a5><a class=self-link href=#issue-f48af4a5></a>
+	Need to describe what happens if a property is not present in all keyframes.
+	</p>
+	
 <p>	The @keyframes rule that is used by an animation will be the last one encountered in sorted rules
 	order that matches the name of the animation specified by the <a class=property data-link-type=propdesc href=#propdef-animation-name title=animation-name>animation-name</a> property. It must be
 	noted that @keyframes rules cascade; therefore, an animation may derive keyframes from more than one
@@ -730,12 +733,16 @@ <h3 class="heading settled heading" data-level=4.9 id=animation-fill-mode><span
 			but a forwards fill will still apply the values of the <span class=css data-link-type=maybe title=100%>100%</span> keyframe,
 			not whatever values were being applied at the time the animation stopped executing.
 
-<p>			Issue: Why does it ignore the progress made by a non-integer iteration count?
+			<p class=issue id=issue-34f9fa42><a class=self-link href=#issue-34f9fa42></a>
+			Why does it ignore the progress made by a non-integer iteration count?
+			</p>
 
-<p>			Issue: What happens with <a class=css data-link-type=propdesc href=#propdef-animation-duration title=animation-duration>animation-duration: 0; animation-iteration-count: infinite;</a>?
+			<p class=issue id=issue-f125a3b9><a class=self-link href=#issue-f125a3b9></a>
+			What happens with <a class=css data-link-type=propdesc href=#propdef-animation-duration title=animation-duration>animation-duration: 0; animation-iteration-count: infinite;</a>?
 			The animation is instantaneous,
 			but there is no "last complete iteration".
 			In particular, you can’t tell whether to use the 0% or 100% keyframe.
+			</p>
 
 		<dt><dfn class=css-code data-dfn-for=animation-fill-mode data-dfn-type=value data-export="" id=valuedef-backwards>backwards<a class=self-link href=#valuedef-backwards></a></dfn>
 		<dd>
@@ -801,8 +808,10 @@ <h2 class="heading settled heading" data-level=5 id=events><span class=secno>5 <
 <p>	Any animation for which both a valid keyframe rule and a non-zero duration are defined will run
 	and generate events; this includes animations with empty keyframe rules.
 
-<p>	Issue: This contradicts the <a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a> section,
+	<p class=issue id=issue-4b23f62f><a class=self-link href=#issue-4b23f62f></a>
+	This contradicts the <a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a> section,
 	which says that a <span class=css data-link-type=maybe title=0s>0s</span> duration animation still fires events.
+	</p>
 
 <p>	The time the animation has been running is sent with each event generated. This allows the event
 	handler to determine the current iteration of a looping animation or the current position of an
@@ -1315,4 +1324,24 @@ <h2 class="no-num no-ref heading settled heading" id=property-index><span class=
 <tr><th scope=row><a data-property="">animation</a><td>&lt;single-animation&gt;#<td>see individual properties<td>all elements, ::before and ::after pseudo-elements<td>no<td>N/A<td>visual<td>no<td>per grammar<td>As specified</table></div>
 
 
-</ul>
+</ul><h2 class="no-num heading settled" id=issues-index><span class=content>Issues Index</span><a class=self-link href=#issues-index></a></h2><div style="counter-reset: issue"><div class=issue>
+	Need to describe what happens if a property is not present in all keyframes.
+	<a href=#issue-f48af4a5> ↵ </a></div>
+	
+<div class=issue>
+			Why does it ignore the progress made by a non-integer iteration count?
+			<a href=#issue-34f9fa42> ↵ </a></div>
+
+			<div class=issue>
+			What happens with <a class=css data-link-type=propdesc href=#propdef-animation-duration title=animation-duration>animation-duration: 0; animation-iteration-count: infinite;</a>?
+			The animation is instantaneous,
+			but there is no "last complete iteration".
+			In particular, you can’t tell whether to use the 0% or 100% keyframe.
+			<a href=#issue-f125a3b9> ↵ </a></div>
+
+		<div class=issue>
+	This contradicts the <a class=property data-link-type=propdesc href=#propdef-animation-delay title=animation-delay>animation-delay</a> section,
+	which says that a <span class=css data-link-type=maybe title=0s>0s</span> duration animation still fires events.
+	<a href=#issue-4b23f62f> ↵ </a></div>
+
+</div>