[css-align] Make grid content distribution operate on grid tracks (not on the grid as a unit) and defer to css-grid-layout for details. Fix various linking errors.

Author: fantasai

css-align/Overview.bs

@@ -12,8 +12,8 @@ Editor: Tab Atkins Jr., Google, http://xanthir.com/contact/
 Previous Version: http://www.w3.org/TR/2013/WD-css3-align-20130514/
 Previous Version: http://www.w3.org/TR/2012/WD-css3-align-20120612/
 Abstract: This module contains the features of <a href="http://www.w3.org/TR/CSS/">CSS</a> relating to the alignment of boxes within their containers in the various CSS box layout models: block layout, table layout, flex layout, and grid layout. (The alignment of text and inline-level content is defined in [[CSS3TEXT]] and [[CSS3LINE]].)
-!Issue Tracking: <a href="http://www.w3.org/Style/CSS/Tracker/products/39">http://www.w3.org/Style/CSS/Tracker/products/39</a>
-Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline
+Issue Tracking: Tracker http://www.w3.org/Style/CSS/Tracker/products/39
+Link Defaults: selectors-3 (dfn) first formatted line, css-flexbox-1 (dfn) flex line, css-multicol-1 (dfn) multi-column element, css-fonts-3 (dfn) first available font, css21 (property) max-width/max-height/min-width/min-height, css-writing-modes-3 (dfn) dominant baseline, css-position-3 (property) left
 Ignored Terms: table cell, stretch
 At Risk: ''last-baseline''
 </pre>
@@ -466,9 +466,9 @@ Content Distribution: the 'justify-content' and 'align-content' properties</h2>
 
 			All values other than ''justify-content/auto'' force the block container to establish a new formatting context.
 			For table cells, the behavior of the ''justify-content/auto'' depends on the computed value of 'vertical-align':
-			''top'' makes it behave as ''start'',
-			''middle'' makes it behave as ''center'',
-			''bottom'' makes it behave as ''end'',
+			''vertical-align/top'' makes it behave as ''start'',
+			''vertical-align/middle'' makes it behave as ''center'',
+			''vertical-align/bottom'' makes it behave as ''end'',
 			and all other values make it behave as ''baseline''.
 			''justify-content/auto'' otherwise behaves as ''start''.
 
@@ -489,27 +489,29 @@ Content Distribution: the 'justify-content' and 'align-content' properties</h2>
 			''justify-content/auto'' computes to ''<content-distribution>/stretch''.
 
 			The <a>alignment container</a> is the <a>flex container</a>’s content box.
-			For 'justify-content', the <a>alignment subject</a> is the <a>flex items</a> in each <a>flex line</a>;
-			for 'align-content', the <a>alignment subject</a> is the <a>flex lines</a>.
+			For 'justify-content', the <a>alignment subjects</a> are the <a>flex items</a> in each <a>flex line</a>;
+			for 'align-content', the <a>alignment subjects</a> are the <a>flex lines</a>.
 
 			The 'align-content' property applies along the <a>cross axis</a>.
 			The 'justify-content' property applies along the <a>main axis</a>,
-			but ''<content-distribution>/stretch'' behaves as ''flex-start''.
+			but since flexing in the <a>main axis</a> is controlled by 'flex',
+			''<content-distribution>/stretch'' behaves as ''flex-start''.
 
 			See [[!CSS3-FLEXBOX]] for details.
 
 		<dt>Grid Containers:
 		<dd>
-			''justify-content/auto'' computes to ''start'', and ''<content-distribution>/stretch'' behaves like ''start''.
+			''justify-content/auto'' computes to ''start''.
 
 			The <a>alignment container</a> is the <a>grid container</a>’s content box.
-			The <a>alignment subject</a> is the bounds of the <a>grid</a>.
-			<span class='issue'>Need to dfn a better term for this in Grid.</span>
+			The <a>alignment subjects</a> are the <a>grid tracks</a>.
 
-			The 'align-content' property applies along the <a title="block axis">block (column) axis</a>.
-			The 'justify-content' property applies along the <a title="inline axis">inline (row) axis</a>.
-			In both properties, if a <<content-distribution>> is specified,
-			the <a>fallback alignment</a> is used instead.
+			The 'align-content' property applies along the <a title="block axis">block (column) axis</a>,
+			aligning the <a>grid rows</a>.
+			The 'justify-content' property applies along the <a title="inline axis">inline (row) axis</a>,
+			aligning the <a>grid columns</a>.
+
+			See [[!CSS3-GRID-LAYOUT]] for details.
 	</dl>
 
 <h3 id="baseline-align-content">
@@ -678,11 +680,6 @@ Inline/Main-Axis Alignment: the 'justify-self' property</h3>
 			The default <a>overflow alignment</a> is ''true''.
 	</dl>
 
-	<p class='issue'>
-		Should we make ''<item-position>/stretch'' actually work on block-level/abspos replaced boxes?
-		To maintain legacy compat, this requires adding a new value (named ''normal''?)
-		which has the current behavior of stretching non-replaced boxes and start-aligning replaced ones.
-
 	<div class="example">
 		The effect of these rules is that an auto-sized block-level table,
 		for example, can be aligned while still having side margins.
@@ -824,7 +821,7 @@ Inline/Main-Axis Alignment: the 'justify-items' property</h3>
 
 	<pre class="propdef">
 	Name: justify-items
-	Value: auto | <<baseline-position>> | [ <<item-position>> && <<overflow-position>>? ] | [ legacy && [ ''left'' | ''right'' | ''center'' ] ]
+	Value: auto | <<baseline-position>> | [ <<item-position>> && <<overflow-position>>? ] | [ legacy && [ ''<content-position>/left'' | ''<content-position>/right'' | ''<content-position>/center'' ] ]
 	Initial: auto
 	Applies to: block containers, flex containers, and grid containers
 	Inherited: no
@@ -855,7 +852,7 @@ Inline/Main-Axis Alignment: the 'justify-items' property</h3>
 		<dt><dfn>legacy</dfn>
 		<dd>
 			This keyword causes the value to effectively inherit into descendants.
-			It can only be combined with the ''center'', ''left'', and ''right'' positions.
+			It can only be combined with the ''<content-position>/center'', ''left'', and ''right'' positions.
 			The alignment keyword, but not the ''legacy'' keyword, is passed to 'justify-self'.
 			It exists to implement the legacy alignment behavior of HTML's <code>&lt;center></code> element and <code>align</code> attribute.
 	</dl>