Specify that flex-basis interacts with box-sizing.

Author: tabatkins

css3-flexbox/Overview.html

@@ -1615,14 +1615,21 @@ <h3 id=flex-components><span class=secno>7.1. </span> Components of
    class=property>flex-basis</code></a>’ property sets the <a
    href="#flex-basis"><i>flex basis</i></a>. Negative lengths are invalid.
 
-  <p> If the <var>&lt;&apos;width&apos;></var> component is ‘<a
-   href="#flex-item-align-auto"><code class=css>auto</code></a>’ on a <a
-   href="#flexbox-item"><i>flexbox item</i></a>, the computed value of <a
+  <p> If the value is ‘<a href="#flex-item-align-auto"><code
+   class=css>auto</code></a>’ on a <a href="#flexbox-item"><i>flexbox
+   item</i></a>, the computed value of <a
    href="#flex-basis0"><i>flex-basis</i></a> is the computed value of the
    element's <a href="#main-size-property"><i>main size property</i></a>.
    Otherwise, ‘<a href="#flex-item-align-auto"><code
    class=css>auto</code></a>’ computes to itself.
 
+  <p> Like the ‘<code class=property>width</code>’ and ‘<code
+   class=property>height</code>’ properties, ‘<a
+   href="#flex-basis0"><code class=property>flex-basis</code></a>’
+   determines the size of the content box, unless otherwise specified such as
+   by ‘<code class=property>box-sizing</code>’ <a href="#CSS3UI"
+   rel=biblioentry>[CSS3UI]<!--{{CSS3UI}}--></a>.
+
   <h2 id=alignment><span class=secno>8. </span> Alignment</h2>
 
   <p> After a flexbox's contents have finished their flexing and the
@@ -3054,6 +3061,16 @@ <h3 class=no-num id=informative>Other references</h3>
   <dl class=bibliography>
    <dt style="display: none"><!-- keeps the doc valid if the DL is empty -->
     <!---->
+
+   <dt id=CSS3UI>[CSS3UI]
+
+   <dd>Tantek Çelik. <a
+    href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/"><cite>CSS Basic
+    User Interface Module Level 3 (CSS3 UI).</cite></a> 17 January 2012. W3C
+    Working Draft. (Work in progress.) URL: <a
+    href="http://www.w3.org/TR/2012/WD-css3-ui-20120117/">http://www.w3.org/TR/2012/WD-css3-ui-20120117/</a>
+    </dd>
+   <!---->
   </dl>
   <!--end-informative-->
 

css3-flexbox/Overview.src.html

@@ -1070,10 +1070,16 @@ <h3 id='flex-components'>
 		Negative lengths are invalid.
 
 	<p>
-		If the <var>&lt;&apos;width&apos;></var> component is ''auto'' on a <i>flexbox item</i>, 
+		If the value is ''auto'' on a <i>flexbox item</i>, 
 		the computed value of <i>flex-basis</i> is the computed value of the element's <i>main size property</i>.
 		Otherwise, 
 		''auto'' computes to itself.
+
+	<p>
+		Like the 'width' and 'height' properties, 
+		'flex-basis' determines the size of the content box,
+		unless otherwise specified
+		such as by 'box-sizing' [[CSS3UI]].
 
 <h2 id='alignment'>
 Alignment</h2>