[css-flexbox] Fix Ins/Del markup. Add in missing change diff.

Author: fantasai

css-flexbox/Overview.bs

@@ -3179,7 +3179,7 @@ Substantive Changes and Bugfixes</h4>
 			<a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-30">30</a>)
 
 			<blockquote>
-				On a <a>flex item</a> whose 'overflow' is <del>not</del> ''overflow/visible'' <ins>in the <i>main axis</i></ins>,
+				<p>On a <a>flex item</a> whose 'overflow' is <del>not</del> ''overflow/visible'' <ins>in the <i>main axis</i></ins>,
 			</blockquote>
 
 		<li id="change-201403-min-auto-ratio">
@@ -3192,7 +3192,7 @@ Substantive Changes and Bugfixes</h4>
 				<p>On a <a>flex item</a> whose 'overflow' is not ''overflow/visible'',
 				<ins>the following table gives the minimum size:
 				<a href="#valdef-min-width-min-height-auto"><strong>[see table]</strong></a></ins><br>
-				<del>this keyword specifies as the minimum size the smaller of:</del>
+				<del>this keyword specifies as the minimum size the smaller of:</del></p>
 				<del>
 					<ul>
 						<li>the <a>min-content size</a>, or
@@ -3232,9 +3232,6 @@ Substantive Changes and Bugfixes</h4>
 			could each be explicitly specified.
 			(Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-20">20</a>)
 
-			Note: This change is open for feedback from implementers,
-			and an alternative solution is also described if the current one is deemed unworkable.
-
 		<li id="change-201403-definite-flexing">
 			Defined <i>flex items</i> with a <i>definite</i> <i>flex basis</i>
 			to also be <i>definite</i> in the <i>main axis</i>,
@@ -3352,6 +3349,11 @@ Clarifications</h4>
 			Clarified what a <i>stretched</i> flex item is
 			for the purposes of special behavior (like definiteness).
 			(Issue <a href="http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-25">25</a>)
+			<blockquote>
+				<p>If the cross size property of the flex item computes to auto,
+				<ins>and either of the cross-axis margins are auto, the flex item is stretched. Its</ins>
+				<del>its</del> used value &hellip;
+			</blockquote>
 	</ul>
 
 <h3 id="changes-2012">

css-flexbox/Overview.html

@@ -3044,7 +3044,7 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
 			<a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-30>30</a>)
 
 			<blockquote>
-				On a <a data-link-type=dfn href=#flex-item title="flex item">flex item</a> whose <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css-overflow-3/#overflow title=overflow>overflow</a> is <del>not</del> <span class=css data-link-for=overflow>visible</span> <ins>in the <a data-link-type=dfn href=#main-axis title="main axis">main axis</a></ins>,
+				<p>On a <a data-link-type=dfn href=#flex-item title="flex item">flex item</a> whose <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css-overflow-3/#overflow title=overflow>overflow</a> is <del>not</del> <span class=css data-link-for=overflow>visible</span> <ins>in the <a data-link-type=dfn href=#main-axis title="main axis">main axis</a></ins>,
 			</blockquote>
 
 		<li id=change-201403-min-auto-ratio><a class=self-link href=#change-201403-min-auto-ratio></a>
@@ -3057,13 +3057,13 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
 				<p>On a <a data-link-type=dfn href=#flex-item title="flex item">flex item</a> whose <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css-overflow-3/#overflow title=overflow>overflow</a> is not <span class=css data-link-for=overflow>visible</span>,
 				<ins>the following table gives the minimum size:
 				<a href=#valdef-min-width-min-height-auto><strong>[see table]</strong></a></ins><br>
-				<del>this keyword specifies as the minimum size the smaller of:</del>
+				<del>this keyword specifies as the minimum size the smaller of:</del></p>
 				<del>
-					</del><ul>
+					<ul>
 						<li>the <a data-link-type=dfn href=http://dev.w3.org/csswg/css-sizing-3/#min-content-inline-size title="min-content size">min-content size</a>, or
 						<li>the computed <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-width title=width>width</a>/<a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height</a>, if that value is <a data-link-type=dfn href=#definite title=definite>definite</a>.
 					</ul>
-				
+				</del>
 			</blockquote>
 
 		<li id=change-201403-min-auto-main-size-basis><a class=self-link href=#change-201403-min-auto-main-size-basis></a>
@@ -3082,13 +3082,14 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
 			is not consulted when percentage-sizing any of its contents.
 			(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-27>27</a>)
 			<blockquote>
-				<p>In order to prevent cycling sizing,
+			
+				<ins><p>In order to prevent cycling sizing,
 				the <a class=css data-link-type=maybe href=#valdef-min-width-min-height-auto title=auto>auto</a> value of <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-max-height title=max-height>max-height</a>
 				does not factor into the percentage size resolution of the box’s contents.
 				For example, a percentage-height block whose flex item parent has
 				<a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em; min-height: auto</a>
 				will size itself against <a class=css data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-height title=height>height: 120em</a> regardless of the impact
-				that <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> might have on the used size of the flex item.
+				that <a class=property data-link-type=propdesc href=http://www.w3.org/TR/CSS21/visudet.html#propdef-min-height title=min-height>min-height</a> might have on the used size of the flex item.</ins>
 			</blockquote>
 
 		<li id=change-201403-flex-basis-auto><a class=self-link href=#change-201403-flex-basis-auto></a>
@@ -3097,9 +3098,6 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
 			could each be explicitly specified.
 			(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-20>20</a>)
 
-<p class=note>Note: This change is open for feedback from implementers,
-			and an alternative solution is also described if the current one is deemed unworkable.</p>
-
 		<li id=change-201403-definite-flexing><a class=self-link href=#change-201403-definite-flexing></a>
 			Defined <a data-link-type=dfn href=#flex-item title="flex items">flex items</a> with a <a data-link-type=dfn href=#definite title=definite>definite</a> <a data-link-type=dfn href=#flex-basis title="flex basis">flex basis</a>
 			to also be <a data-link-type=dfn href=#definite title=definite>definite</a> in the <a data-link-type=dfn href=#main-axis title="main axis">main axis</a>,
@@ -3108,12 +3106,14 @@ <h4 class="heading settled" id=change-201403-substantive><span class=content>
 			(Issue <a href=http://dev.w3.org/csswg/css-flexbox-1/issues-lc-20140325#issue-26>26</a>)
 
 			<blockquote>
-				<p>If a percentage is going to be resolved against a flex item’s main size,
-				and the flex item has a definite flex basis,
-				the main size must be treated as definite for the purpose of resolving the percentage,
-				and the percentage must resolve against the flexed main size of the flex item
-				(that is, after the layout algorithm below has been completed for the flex item’s flex container,
-				and the flex item has acquired its final size).
+				<ins>
+					<p>If a percentage is going to be resolved against a flex item’s main size,
+					and the flex item has a definite flex basis,
+					the main size must be treated as definite for the purpose of resolving the percentage,
+					and the percentage must resolve against the flexed main size of the flex item
+					(that is, after the layout algorithm below has been completed for the flex item’s flex container,
+					and the flex item has acquired its final size).
+				</ins>
 			</blockquote>
 
 		<li id=change-201403-clamp-single-line><a class=self-link href=#change-201403-clamp-single-line></a>
@@ -3178,14 +3178,14 @@ <h4 class="heading settled" id=change-201403-clarify><span class=content>
 				then positioning each absolutely-positioned child</del>
 				<ins>determined such that the child is positioned</ins>
 				as if it were the sole flex item in the flex container,
-				assuming both the child and the flex container were fixed-size boxes of their used size.
+				assuming both the child and the flex container were fixed-size boxes of their used size.</p>
 
-				<ins></ins><p>In other words, the static position of an absolutely positioned child of a flex container
+				<ins><p>In other words, the static position of an absolutely positioned child of a flex container
 				is determined <em>after flex layout</em>
 				by setting the child’s <a data-link-type=dfn href=#static-position-rectangle title="static-position rectangle">static-position rectangle</a> to the flex container’s content box,
 				then aligning the absolutely positioned child within this rectangle
 				according to the <a class=property data-link-type=propdesc href=#propdef-justify-content title=justify-content>justify-content</a> value of the flex container and the <a class=property data-link-type=propdesc href=#propdef-align-self title=align-self>align-self</a> value of the child itself.
-				
+				</ins>
 			</blockquote>
 
 		<li id=change-201403-abspos-ordering><a class=self-link href=#change-201403-abspos-ordering></a>
@@ -3426,10 +3426,10 @@ <h4 class="heading settled" id=changes-2014-substantive><span class=content>
 			(<a href=http://dev.w3.org/csswg/css-flexbox-1/issues-cr-2012#issue-6>Issue 6</a>)
 			<blockquote>
 				<p>An absolutely-positioned child of a <a data-link-type=dfn href=#flex-container title="flex container">flex container</a> does not participate in flex layout
-				beyond the <a href=#algo-flex-order>reordering step</a>.
+				beyond the <a href=#algo-flex-order>reordering step</a>.</p>
 
 				<del>
-					</del><p>
+					<p>
 						However, if both <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css3-positioning/#left title=left>left</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css3-positioning/#right title=right>right</a> or both <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css3-positioning/#top title=top>top</a> and <a class=property data-link-type=propdesc href=http://www.w3.org/TR/css3-positioning/#bottom title=bottom>bottom</a> are <a class=css data-link-type=maybe href=#valdef-min-width-min-height-auto title=auto>auto</a>,
 						then the used value of those properties
 						are computed from its static position, as follows:
@@ -3485,10 +3485,10 @@ <h4 class="heading settled" id=changes-2014-substantive><span class=content>
 						<a class=css data-link-type=propdesc href=#propdef-justify-content title=justify-content>justify-content: space-around</a> or <a class=css data-link-type=propdesc href=#propdef-justify-content title=justify-content>justify-content: space-between</a>
 						are suppressed around the hypothetical item:
 						between it and the next item if there is a real item after it,
-						else between it and the previous item (if any) if there isn’t.
-				
+						else between it and the previous item (if any) if there isn’t.</p>
+				</del>
 				<ins>
-					</ins><p>Its static position is calculated by first doing full flex layout
+					<p>Its static position is calculated by first doing full flex layout
 					without the absolutely-positioned children,
 					then positioning each absolutely-positioned child
 					as if it were the sole <a data-link-type=dfn href=#flex-item title="flex item">flex item</a> in the <a data-link-type=dfn href=#flex-container title="flex container">flex container</a>,
@@ -3501,7 +3501,7 @@ <h4 class="heading settled" id=changes-2014-substantive><span class=content>
 						Setting <span class=css>justify-content:center</span> on the <a data-link-type=dfn href=#flex-container title="flex container">flex container</a>, however,
 						would center it in the main axis.
 					</div>
-				
+				</ins>
 			</blockquote>
 		<li id=change-2012-flex-continuity><a class=self-link href=#change-2012-flex-continuity></a>
 			Changed algorithm for <a href=#resolve-flexible-lengths>resolving flexible lengths</a>
@@ -3940,4 +3940,4 @@ <h2 class="no-num heading settled" id=issues-index><span class=content>Issues In
 <p>The CSSWG is waiting for feedback from implementers on this issue.</p>
 
 <p><small><sup>1</sup> Alternate keyword suggestions welcome.</small></p>
-	<a href=#issue-753aff05> ↵ </a></div></div>
+	<a href=#issue-753aff05> ↵ </a></div></div>