[css-align] Make flex-end become end. Switch to computing the values rather than equivalency.

Author: tabatkins

css-align/Overview.html

@@ -582,7 +582,7 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
     be flush with the edge of the <a href="#alignment-container"><i>alignment
     container</i></a> corresponding to the <i>flex container</i>’s
     main-start or cross-start side, as appropriate. When used in layout modes
-    other than Flexbox, this is equivalent to ‘<a href="#start"><code
+    other than Flexbox, this value computes to ‘<a href="#start"><code
     class=css>start</code></a>’.
 
    <dt><dfn id=flex-end>‘<code class=css>flex-end</code>’</dfn>
@@ -592,8 +592,8 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
     the edge of the <a href="#alignment-container"><i>alignment
     container</i></a> corresponding to the <i>flex container</i>’s main-end
     or cross-end side, as appropriate. When used in layout modes other than
-    Flexbox, this is equivalent to ‘<a href="#start"><code
-    class=css>start</code></a>’.
+    Flexbox, this value computes to ‘<a href="#end"><code
+    class=css>end</code></a>’.
 
    <dt><dfn id=left>‘<code class=css>left</code>’</dfn>
 
@@ -602,7 +602,8 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
     container</i></a>’s <a
     href="http://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a>
     edge. If the property's axis is not parallel with the inline axis, this
-    is equivalent to ‘<a href="#start"><code class=css>start</code></a>’.
+    value computes to ‘<a href="#start"><code
+    class=css>start</code></a>’.
 
    <dt><dfn id=right>‘<code class=css>right</code>’</dfn>
 
@@ -611,7 +612,8 @@ <h3 id=positional-values><span class=secno>3.1. </span> Positional
     container</i></a>’s <a
     href="http://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a>
     edge. If the property's axis is not parallel with the inline axis, this
-    is equivalent to ‘<a href="#start"><code class=css>start</code></a>’.
+    value computes to ‘<a href="#start"><code
+    class=css>start</code></a>’.
   </dl>
 
   <p class=issue>Add example images.

css-align/Overview.src.html

@@ -283,24 +283,24 @@ <h3 id='positional-values'>
       Aligns the <i>alignment subject</i> to be flush with the edge of the <i>alignment container</i>
       corresponding to the <i>flex container</i>’s main-start or cross-start side, as appropriate.
       When used in layout modes other than Flexbox,
-      this is equivalent to ''start''.
+      this value computes to ''start''.
 
     <dt><dfn>''flex-end''</dfn>
     <dd><strong>Only used in flex layout.</strong>
       Aligns the <i>alignment subject</i> to be flush with the edge of the <i>alignment container</i>
       corresponding to the <i>flex container</i>’s main-end or cross-end side, as appropriate.
       When used in layout modes other than Flexbox,
-      this is equivalent to ''start''.
+      this value computes to ''end''.
 
     <dt><dfn>''left''</dfn>
     <dd>Aligns the <i>alignment subject</i> to be flush with the <i>alignment container</i>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-left">line-left</a> edge.
       If the property's axis is not parallel with the inline axis,
-      this is equivalent to ''start''.
+      this value computes to ''start''.
 
     <dt><dfn>''right''</dfn>
     <dd>Aligns the <i>alignment subject</i> to be flush with the <i>alignment container</i>’s <a href="http://www.w3.org/TR/css3-writing-modes/#line-right">line-right</a> edge.
       If the property's axis is not parallel with the inline axis,
-      this is equivalent to ''start''.
+      this value computes to ''start''.
   </dl>
 
   <p class='issue'>Add example images.