[css-flexbox] Listing improvements.

Author: fantasai

css-flexbox/Overview.html

@@ -246,7 +246,7 @@
 </p>
   <h1 class="p-name no-ref" id=title>CSS Flexible Box Layout Module Level 1</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=20140205>5 February 2014</span></span></span></h2>
+    <span class=dt-updated><span class=value-title title=20140211>11 February 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/css-flexbox/>http://dev.w3.org/csswg/css-flexbox/</a><dt>Latest version:<dd><a href=http://www.w3.org/TR/css3-flexbox/>http://www.w3.org/TR/css3-flexbox/</a><dt>Editor’s Draft:<dd><a href=http://dev.w3.org/csswg/css-flexbox/>http://dev.w3.org/csswg/css-flexbox/</a><dt>Previous Versions:<dd><a href=http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/ rel=previous>http://www.w3.org/TR/2012/CR-css3-flexbox-20120918/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/ rel=previous>http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/</a><dd><a href=http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/ rel=previous>http://www.w3.org/TR/2012/WD-css3-flexbox-20120322/</a><dd><a href=http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/ rel=previous>http://www.w3.org/TR/2011/WD-css3-flexbox-20111129/</a><dd><a href=http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/ rel=previous>http://www.w3.org/TR/2011/WD-css3-flexbox-20110322/</a><dd><a href=http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/ rel=previous>http://www.w3.org/TR/2009/WD-css3-flexbox-20090723/</a>
     <dt>Feedback:</dt>
         <dd><a href="mailto:www-style@w3.org?subject=%5Bcss-flexbox%5D%20feedback">www-style@w3.org</a>
@@ -2044,7 +2044,7 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
 		<li id=algo-main-item><a class=self-link href=#algo-main-item></a>
 			<strong>Determine the <dfn data-dfn-type=dfn data-noexport="" id=flex-base-size>flex base size<a class=self-link href=#flex-base-size></a></dfn> and <dfn data-dfn-type=dfn data-noexport="" id=hypothetical-main-size>hypothetical main size<a class=self-link href=#hypothetical-main-size></a></dfn> of each item:</strong>
 
-<p>			<ul>
+			<ol type=A>
 				<li>
 					If the item has a <a data-link-type=dfn href=#definite title=definite>definite</a> flex basis,
 					that’s the <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>.
@@ -2057,9 +2057,12 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
 					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting main size.
 
 				<li>
-					If flex item has an intrinsic aspect ratio,
-					the flex item has <a class=css data-link-type=propdesc href=#propdef-align-self title=align-self>align-self: stretch</a>,
-					the <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> and cross size are both <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> ,
+					If the flex item ...
+					<ul>
+						<li>has an intrinsic aspect ratio
+						<li>has <a class=css data-link-type=propdesc href=#propdef-align-self title=align-self>align-self: stretch</a>,
+						<li>has a <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a> and cross size both <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a>
+					</ul>
 					and the flex container is <a data-link-type=dfn href=#single-line title=single-line>single-line</a> and has a <a data-link-type=dfn href=#definite title=definite>definite</a> cross size,
 					the <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is computed from the flex container’s inner cross size
 					(clamped to the <a data-link-type=dfn href=#flex-item title="flex item">flex item</a>’s min and max <a data-link-type=dfn href=#cross-size title="cross size">cross size</a>)
@@ -2084,7 +2087,7 @@ <h3 class="heading settled heading" data-level=9.2 id=line-sizing><span class=se
 					and treating a main size of <a class=css-code data-link-for=width data-link-type=value title=auto>auto</a> as <span class=css data-link-type=maybe title=max-content>max-content</span>.
 					The <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> is the item’s resulting main size.
 
-			</ul>
+			</ol>
 
 <p>			The <a data-link-type=dfn href=#hypothetical-main-size title="hypothetical main size">hypothetical main size</a> is the item’s <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>
 			clamped according to its min and max main size properties.

css-flexbox/Overview.src.html

@@ -2031,7 +2031,7 @@ <h3 id='line-sizing'>
 		<li id='algo-main-item'>
 			<strong>Determine the <dfn>flex base size</dfn> and <dfn>hypothetical main size</dfn> of each item:</strong>
 
-			<ul>
+			<ol type=A>
 				<li>
 					If the item has a <i>definite</i> flex basis,
 					that's the <i>flex base size</i>.
@@ -2044,9 +2044,12 @@ <h3 id='line-sizing'>
 					The <i>flex base size</i> is the item's resulting main size.
 
 				<li>
-					If flex item has an intrinsic aspect ratio,
-					the flex item has ''align-self: stretch'',
-					the <a>flex basis</a> and cross size are both <a value for=width>auto</a> ,
+					If the flex item ...
+					<ul>
+						<li>has an intrinsic aspect ratio
+						<li>has ''align-self: stretch'',
+						<li>has a <a>flex basis</a> and cross size both <a value for=width>auto</a>
+					</ul>
 					and the flex container is <i>single-line</i> and has a <i>definite</i> cross size,
 					the <i>flex base size</i> is computed from the flex container's inner cross size
 					(clamped to the <i>flex item</i>&rsquo;s min and max <i>cross size</i>)
@@ -2071,7 +2074,7 @@ <h3 id='line-sizing'>
 					and treating a main size of <a value for=width>auto</a> as ''max-content''.
 					The <i>flex base size</i> is the item's resulting main size.
 
-			</ul>
+			</ol>
 
 			The <i>hypothetical main size</i> is the item's <i>flex base size</i>
 			clamped according to its min and max main size properties.