[css-flexbox] Clarify that flex-basis is a width/height thing not just a width thing.

Author: fantasai

css-flexbox/Overview.bs

@@ -1486,7 +1486,7 @@ The 'flex-basis' property</h4>
 
 	<p>
 		The 'flex-basis' property sets the <i>flex basis</i>.
-		Negative lengths are invalid.
+		It accepts the same values as the 'width' and 'height' property.
 
 	<p>
 		Except for <dfn value for=flex-basis>auto</dfn>,
@@ -2390,7 +2390,7 @@ Free Space Focused Algorithm (LC version)</h4>
 					Otherwise, use each item’s <i>desired free space</i> as its <i>normalized free space</i>.
 
 				<li>
-					<strong>Calculate each item’s <dfn>target main size</dfn>.</strong>
+					<strong>Calculate each item’s <i>target main size</i>.</strong>
 					Set each non-frozen flex item's <i>target main size</i>
 					to the sum of its <a>flex base size</a> and its <var>normalized free space</var>.
 					Note: This may result in a negative main size temporarily.

css-flexbox/Overview.html

@@ -1559,7 +1559,7 @@ <h4 class="heading settled heading" data-level=7.3.3 id=flex-basis-property><spa
 
 	<p>
 		The <a class=property data-link-type=propdesc href=#propdef-flex-basis title=flex-basis>flex-basis</a> property sets the <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a>.
-		Negative lengths are invalid.
+		It accepts the same values as the <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height</a> property.
 
 	<p>
 		Except for <dfn class=css-code data-dfn-for=flex-basis data-dfn-type=value data-export="" id=valuedef-auto1>auto<a class=self-link href=#valuedef-auto1></a></dfn>,
@@ -2360,7 +2360,7 @@ <h4 class="heading settled heading" data-level=9.7.1 id=resolve-flexible-lengths
 		<li>
 			<strong>Size inflexible items.</strong>
 			Freeze,
-			setting its <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>
+			setting its <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>
 			to its <a data-link-type=dfn href=#hypothetical-main-size title="hypothetical main size">hypothetical main size</a>…
 			<ul>
 				<li>
@@ -2379,7 +2379,7 @@ <h4 class="heading settled heading" data-level=9.7.1 id=resolve-flexible-lengths
 			<strong>Calculate initial <dfn data-dfn-type=dfn data-noexport="" id=free-space>free space<a class=self-link href=#free-space></a></dfn>.</strong>
 			Sum the outer sizes of all items on the line,
 			and subtract this from the flex container’s inner main size.
-			For frozen items, use their outer <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>;
+			For frozen items, use their outer <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>;
 			for other items, use their outer <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>.
 
 		<li>
@@ -2421,14 +2421,14 @@ <h4 class="heading settled heading" data-level=9.7.1 id=resolve-flexible-lengths
 					Otherwise, use each item’s <a data-link-type=dfn href=#desired-free-space title="desired free space">desired free space</a> as its <a data-link-type=dfn href=#normalized-free-space title="normalized free space">normalized free space</a>.
 
 				<li>
-					<strong>Calculate each item’s <dfn data-dfn-type=dfn data-noexport="" id=target-main-size0>target main size<a class=self-link href=#target-main-size0></a></dfn>.</strong>
-					Set each non-frozen flex item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>
+					<strong>Calculate each item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>.</strong>
+					Set each non-frozen flex item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>
 					to the sum of its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a> and its <var>normalized free space</var>.
 					Note: This may result in a negative main size temporarily.
 
 				<li>
 					<strong>Fix min/max violations.</strong>
-					Clamp each non-frozen item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> by its min and max main size properties.
+					Clamp each non-frozen item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> by its min and max main size properties.
 					If the item’s main size was made smaller by this, it’s a max violation.
 					If the item’s main size was made larger by this, it’s a min violation.
 
@@ -2456,7 +2456,7 @@ <h4 class="heading settled heading" data-level=9.7.1 id=resolve-flexible-lengths
 					Return to the first step, “Distribute free space.”
 			</ol>
 			<li>
-				<strong>Set each item’s used main size to its <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>.</strong>
+				<strong>Set each item’s used main size to its <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>.</strong>
 				Note: All items should be frozen at this point.
 	</ol>
 
@@ -2496,7 +2496,7 @@ <h4 class="heading settled heading" data-level=9.7.2 id=resolve-flexible-lengths
 			<strong>Calculate <dfn data-dfn-type=dfn data-noexport="" id=initial-free-space>initial free space<a class=self-link href=#initial-free-space></a></dfn>.</strong>
 			Sum the outer sizes of all items on the line,
 			and subtract this from the flex container’s inner main size.
-			For frozen items, use their outer <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>;
+			For frozen items, use their outer <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>;
 			for other items, use their outer <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>.
 
 		<li>
@@ -2525,7 +2525,7 @@ <h4 class="heading settled heading" data-level=9.7.2 id=resolve-flexible-lengths
 						<dd>
 							Find the ratio of the item’s flex grow factor
 							to the sum of the flex grow factors of all unfrozen items on the line.
-							Set the item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> to its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>
+							Set the item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> to its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>
 							plus a fraction of the <a data-link-type=dfn href=#remaining-free-space title="remaining free space">remaining free space</a> proportional to the ratio.
 
 						<dt>If using the <a data-link-type=dfn href=#flex-shrink-factor title="flex shrink factor">flex shrink factor</a> the <a data-link-type=dfn href=#remaining-free-space title="remaining free space">remaining free space</a> is negative
@@ -2535,7 +2535,7 @@ <h4 class="heading settled heading" data-level=9.7.2 id=resolve-flexible-lengths
 							and note this as its <dfn data-dfn-type=dfn data-noexport="" id=scaled-flex-shrink-factor>scaled flex shrink factor<a class=self-link href=#scaled-flex-shrink-factor></a></dfn>.
 							Find the ratio of the item’s <a data-link-type=dfn href=#scaled-flex-shrink-factor title="scaled flex shrink factor">scaled flex shrink factor</a>
 							to the sum of the <a data-link-type=dfn href=#scaled-flex-shrink-factor title="scaled flex shrink factors">scaled flex shrink factors</a> of all unfrozen items on the line.
-							Set the item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> to its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>
+							Set the item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> to its <a data-link-type=dfn href=#flex-base-size title="flex base size">flex base size</a>
 							minus a fraction of the absolute value of the <a data-link-type=dfn href=#remaining-free-space title="remaining free space">remaining free space</a> proportional to the ratio.
 							<span class=note>Note this may result in a negative inner main size;
 							it will be corrected in the next step.</span>
@@ -2547,10 +2547,10 @@ <h4 class="heading settled heading" data-level=9.7.2 id=resolve-flexible-lengths
 
 				<li>
 					<strong>Fix min/max violations.</strong>
-					Clamp each non-frozen item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> by its min and max main size properties.
-					If the item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> was made smaller by this,
+					Clamp each non-frozen item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> by its min and max main size properties.
+					If the item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> was made smaller by this,
 					it’s a max violation.
-					If the item’s <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a> was made larger by this,
+					If the item’s <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a> was made larger by this,
 					it’s a min violation.
 
 				<li>
@@ -2578,7 +2578,7 @@ <h4 class="heading settled heading" data-level=9.7.2 id=resolve-flexible-lengths
 			</ol>
 
 		<li>
-			Set each item’s used <a data-link-type=dfn href=#main-size title="main size">main size</a> to its <a data-link-type=dfn href=#target-main-size0 title="target main size">target main size</a>.
+			Set each item’s used <a data-link-type=dfn href=#main-size title="main size">main size</a> to its <a data-link-type=dfn href=#target-main-size title="target main size">target main size</a>.
 	</ol>
 
 
@@ -3633,9 +3633,8 @@ <h2 class="no-num no-ref heading settled heading" id=index><span class=content>
 <li>stretch<ul><li>value for align-items, align-self, <a href=#valuedef-stretch0 title="section 8.3">8.3</a>
 <li>value for align-content, <a href=#valuedef-stretch title="section 8.4">8.4</a>
 </ul><li>strut size, <a href=#strut-size title="section 9.4">9.4</a>
-<li>target main size<ul><li>definition of, <a href=#target-main-size0 title="section 9.7.1">9.7.1</a>
-<li>definition of, <a href=#target-main-size title="section 9.7.2">9.7.2</a>
-</ul><li>wrap, <a href=#valuedef-wrap title="section 5.2">5.2</a>
+<li>target main size, <a href=#target-main-size title="section 9.7.2">9.7.2</a>
+<li>wrap, <a href=#valuedef-wrap title="section 5.2">5.2</a>
 <li>wrap-reverse, <a href=#valuedef-wrap-reverse title="section 5.2">5.2</a>
 </ul></div>