[css-flexbox-1] Fix Bikeshed errors.

Author: tabatkins

css-flexbox-1/Overview.bs

@@ -407,7 +407,7 @@ Overview</h3>
 <h3 id="placement">
 Module interactions</h3>
 
-	This module extends the definition of the 'display' property [[!CSS21]],
+	This module extends the definition of the 'display' property [[!CSS2]],
 	adding a new block-level and new inline-level display type,
 	and defining a new type of formatting context
 	along with properties to control its layout.
@@ -564,7 +564,7 @@ Flex Containers: the ''flex'' and ''inline-flex'' 'display' values</h2>
 	For example, floats do not intrude into the flex container,
 	and the flex container's margins do not collapse with the margins of its contents.
 	<a>Flex containers</a> form a containing block for their contents
-	<a href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">exactly like block containers do</a>. [[!CSS21]]
+	<a href="https://www.w3.org/TR/CSS2/visudet.html#containing-block-details">exactly like block containers do</a>. [[!CSS2]]
 	The 'overflow' property applies to <a>flex containers</a>.
 
 	Flex containers are not block containers,
@@ -691,7 +691,7 @@ Flex Items</h2>
 	(skipping ''display:contents'' ancestors)
 	is ''flex'' or ''inline-flex'',
 	the element's own 'display' value is [=blockified=].
-	(See <a href="https://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo">CSS2.1&sect;9.7</a> [[!CSS21]]
+	(See <a href="https://www.w3.org/TR/CSS2/visuren.html#dis-pos-flo">CSS2.1&sect;9.7</a> [[!CSS2]]
 	and [[css-display-3#transformations]]
 	for details on this type of 'display' value conversion.)
 
@@ -798,7 +798,7 @@ Flex Item Margins and Paddings</h3>
 <h3 id='painting'>
 Flex Item Z-Ordering</h3>
 
-	<a>Flex items</a> paint exactly the same as inline blocks [[!CSS21]],
+	<a>Flex items</a> paint exactly the same as inline blocks [[!CSS2]],
 	except that 'order'-modified document order is used in place of raw document order,
 	and 'z-index'
 	values other than ''z-index/auto'' create a stacking context
@@ -836,7 +836,7 @@ Collapsed Items</h3>
 
 	Though collapsed flex items aren't rendered,
 	they do appear in the <a href="https://www.w3.org/TR/CSS2/intro.html#formatting-structure">formatting structure</a>.
-	Therefore, unlike on ''display:none'' items [[!CSS21]],
+	Therefore, unlike on ''display:none'' items [[!CSS2]],
 	effects that depend on a box appearing in the formatting structure
 	(like incrementing counters or running animations and transitions)
 	still operate on collapsed items.
@@ -1344,7 +1344,7 @@ Display Order: the 'order' property</h3>
 	A flex container lays out its content in <dfn export>order-modified document order</dfn>,
 	starting from the lowest numbered ordinal group and going up.
 	Items with the same ordinal group are laid out in the order they appear in the source document.
-	This also affects the <a href="https://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS21]],
+	This also affects the <a href="https://www.w3.org/TR/CSS2/zindex.html">painting order</a> [[!CSS2]],
 	exactly as if the flex items were reordered in the source document.
 	Absolutely-positioned children of a <a>flex container</a>
 	are treated as having ''order: 0''
@@ -1914,7 +1914,7 @@ The 'flex-basis' property</h4>
 	It accepts the same values as the 'width' and 'height' property, plus ''content''.
 
 	For all values other than ''flex-basis/auto'' and ''content'' (defined above),
-	'flex-basis' is resolved the same way as 'width' in horizontal writing modes [[!CSS21]],
+	'flex-basis' is resolved the same way as 'width' in horizontal writing modes [[!CSS2]],
 	except that if a value would resolve to ''width/auto'' for 'width',
 	it instead resolves to ''content'' for 'flex-basis'.
 	For example, percentage values of 'flex-basis' are resolved against
@@ -2466,7 +2466,7 @@ Flex Container Baselines</h3>
 	for the purpose of determining its baseline.
 
 	When <a href="https://www.w3.org/TR/CSS2/tables.html#height-layout">determining the baseline of a table cell</a>,
-	a flex container provides a baseline just as a line box or table-row does. [[!CSS21]]
+	a flex container provides a baseline just as a line box or table-row does. [[!CSS2]]
 
 	See [[css-writing-modes-3#intro-baselines]]
 	and [[css-align-3#baseline-rules]]
@@ -2561,7 +2561,7 @@ Line Length Determination</h3>
 				<li>
 					If the used <a>flex basis</a> is ''content'' or depends on its <a>available space</a>,
 					and the flex container is being sized under a min-content or max-content constraint
-					(e.g. when performing <a href="https://www.w3.org/TR/CSS2/tables.html#auto-table-layout">automatic table layout</a> [[!CSS21]]),
+					(e.g. when performing <a href="https://www.w3.org/TR/CSS2/tables.html#auto-table-layout">automatic table layout</a> [[!CSS2]]),
 					size the item under that constraint.
 					The <a>flex base size</a> is the item's resulting <a>main size</a>.
 
@@ -4172,7 +4172,7 @@ Clarifications</h4>
 			<blockquote>
 				<p>
 					For all values other than ''flex-basis/auto'' and ''content'' (defined above),
-					'flex-basis' is resolved the same way as 'width' in horizontal writing modes [[!CSS21]],
+					'flex-basis' is resolved the same way as 'width' in horizontal writing modes [[!CSS2]],
 					<ins>except that if a value would resolve to ''width/auto'' for 'width',
 					it instead resolves to ''content'' for 'flex-basis'</ins>.
 					For example, percentage values of 'flex-basis' are resolved against
@@ -4267,7 +4267,7 @@ Substantive Changes and Bugfixes</h4>
 					It's the outermost box&mdash;the direct child of the <a>flex container</a> box&mdash;that
 					becomes a <a>flex item</a>.
 					For example, given two contiguous child elements with ''display: table-cell'',
-					the <a href="https://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">anonymous table wrapper box generated around them</a> [[!CSS21]]
+					the <a href="https://www.w3.org/TR/CSS21/tables.html#anonymous-boxes">anonymous table wrapper box generated around them</a> [[!CSS2]]
 					becomes the <a>flex item</a>.</p>
 					<p>In the case of flex items with ''display: table'',
 					the table wrapper box becomes the <a>flex item</a>,
@@ -4393,7 +4393,7 @@ Substantive Changes and Bugfixes</h4>
 					document order (which determines speech and navigation order) should be
 					<em>out-of-sync</em> with the visual order.</p>
 
-					<div class="example">
+					<div class="example" id="example-a11y-tools">
 						For example, a tool might offer both drag-and-drop reordering of flex items
 						as well as handling of media queries for alternate layouts per screen size range.
 
@@ -4560,7 +4560,7 @@ Substantive Changes and Bugfixes</h4>
 				until the first time that the next collected item would not fit into the flex container’s inner main size,
 				<ins>(</ins>or until a forced break is encountered<ins>, see [[#pagination]])</ins>.
 				[...]
-				<del>A break is forced wherever the CSS2.1 'page-break-before'/'page-break-after' [[CSS21]]
+				<del>A break is forced wherever the CSS2.1 'page-break-before'/'page-break-after' [[CSS2]]
 				or the CSS3 'break-before'/'break-after' [[CSS3-BREAK]] properties specify a fragmentation break.</del></p>
 			</blockquote>
 
@@ -5040,7 +5040,7 @@ Substantive Changes and Bugfixes</h4>
 			(<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-18">Issue 18</a>)
 			<blockquote>
 				<p>
-					<a>Flex items</a> paint exactly the same as <del>block-level elements in the normal flow</del> <ins>inline blocks [[!CSS21]]</ins>.
+					<a>Flex items</a> paint exactly the same as <del>block-level elements in the normal flow</del> <ins>inline blocks [[!CSS2]]</ins>.
 			</blockquote>
 		<li id="change-2012-flex-basis-zero">
 			An omitted 'flex-basis' component of the 'flex' shorthand