[css-flexbox] Clarify purpose of Intrinsic Sizing section, as requested by biesi

Author: fantasai

css-flexbox/Overview.bs

@@ -2648,9 +2648,14 @@ Definite and Indefinite Sizes</h3>
 <h3 id='intrinsic-sizes'>
 Intrinsic Sizes</h3>
 
+	The <a>intrinsic sizing</a> of a <a>flex container</a> is used
+	to produce various types of content-based automatic sizing,
+	such as shrink-to-fit logical widths (which use the ''fit-content'' formula)
+	and content-based logical heights (which use the <a>max-content main size</a>).
+
 	The <dfn>max-content main size</dfn> of a <a>flex container</a>
 	is the smallest size the <a>flex container</a> can take
-	while maintaining the <a>max-content contributions</a> of its <a>flex items</a>.
+	while maintaining the <a>max-content contributions</a> of its <a>flex items</a>:
 
 	<ol>
 		<li>
@@ -2682,7 +2687,7 @@ Intrinsic Sizes</h3>
 	is calculated identically to the <a>max-content main size</a>,
 	except that the <a>flex item’s</a> <a>min-content contribution</a> is used
 	instead of its <a>max-content contribution</a>.
-	For a <a>multi-line</a> container,
+	However, for a <a>multi-line</a> container,
 	it is simply the largest <a>min-content contribution</a>
 	of all the <a>flex items</a> in the <a>flex container</a>.
 

css-flexbox/Overview.html

@@ -303,7 +303,7 @@
   <div class="head">
    <p data-fill-with="logo"><a class="logo" href="http://www.w3.org/"> <img alt="W3C" height="48" src="https://www.w3.org/Icons/w3c_home" width="72"> </a></p>
    <h1 class="p-name no-ref" id="title">CSS Flexible Box Layout Module Level 1</h1>
-   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-08-30">30 August 2015</time></span></h2>
+   <h2 class="no-num no-toc no-ref heading settled" id="subtitle"><span class="content">Editor’s Draft, <time class="dt-updated" datetime="2015-08-31">31 August 2015</time></span></h2>
    <div data-fill-with="spec-metadata">
     <dl>
      <dt>This version:
@@ -2398,8 +2398,12 @@ <h3 class="heading settled" data-level="9.8" id="definite-sizes"><span class="se
 				and the <a data-link-type="dfn" href="#flex-item">flex item</a> has acquired its final size). 
    </ol>
    <h3 class="heading settled" data-level="9.9" id="intrinsic-sizes"><span class="secno">9.9. </span><span class="content"> Intrinsic Sizes</span><a class="self-link" href="#intrinsic-sizes"></a></h3>
+   <p>The <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizing">intrinsic sizing</a> of a <a data-link-type="dfn" href="#flex-container">flex container</a> is used
+	to produce various types of content-based automatic sizing,
+	such as shrink-to-fit logical widths (which use the <span class="css">fit-content</span> formula)
+	and content-based logical heights (which use the <a data-link-type="dfn" href="#max-content-main-size">max-content main size</a>).</p>
    <p>The <dfn data-dfn-type="dfn" data-noexport="" id="max-content-main-size">max-content main size<a class="self-link" href="#max-content-main-size"></a></dfn> of a <a data-link-type="dfn" href="#flex-container">flex container</a> is the smallest size the <a data-link-type="dfn" href="#flex-container">flex container</a> can take
-	while maintaining the <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#max_content-contribution">max-content contributions</a> of its <a data-link-type="dfn" href="#flex-item">flex items</a>.</p>
+	while maintaining the <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#max_content-contribution">max-content contributions</a> of its <a data-link-type="dfn" href="#flex-item">flex items</a>:</p>
    <ol>
     <li> For each <a data-link-type="dfn" href="#flex-item">flex item</a>,
 			subtract its outer <a data-link-type="dfn" href="#flex-base-size">flex base size</a> from its <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#max_content-contribution">max-content contribution</a> size.
@@ -2419,7 +2423,7 @@ <h3 class="heading settled" data-level="9.9" id="intrinsic-sizes"><span class="s
 	is calculated identically to the <a data-link-type="dfn" href="#max-content-main-size">max-content main size</a>,
 	except that the <a data-link-type="dfn" href="#flex-item">flex item’s</a><a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#min_content-contribution">min-content contribution</a> is used
 	instead of its <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#max_content-contribution">max-content contribution</a>.
-	For a <a data-link-type="dfn" href="#multi-line">multi-line</a> container,
+	However, for a <a data-link-type="dfn" href="#multi-line">multi-line</a> container,
 	it is simply the largest <a data-link-type="dfn" href="https://drafts.csswg.org/css-sizing-3/#min_content-contribution">min-content contribution</a> of all the <a data-link-type="dfn" href="#flex-item">flex items</a> in the <a data-link-type="dfn" href="#flex-container">flex container</a>.</p>
    <p>The <dfn data-dfn-type="dfn" data-noexport="" id="min-content-cross-size">min-content cross size<a class="self-link" href="#min-content-cross-size"></a></dfn> and <dfn data-dfn-type="dfn" data-noexport="" id="max-content-cross-size">max-content cross size<a class="self-link" href="#max-content-cross-size"></a></dfn> of a flex container
 	are the <a data-link-type="dfn" href="#cross-size">cross size</a> of the flex container
@@ -3893,6 +3897,7 @@ <h3 class="no-num heading settled" id="index-defined-elsewhere"><span class="con
     <ul>
      <li><a href="https://drafts.csswg.org/css-sizing-3/#available">available space</a>
      <li><a href="https://drafts.csswg.org/css-sizing-3/#valdef-width-fit-content">fit-content</a>
+     <li><a href="https://drafts.csswg.org/css-sizing-3/#intrinsic-sizing">intrinsic sizing</a>
      <li><a href="https://drafts.csswg.org/css-sizing-3/#valdef-width-max-content">max-content</a>
      <li><a href="https://drafts.csswg.org/css-sizing-3/#max_content-constraint">max-content constraint</a>
      <li><a href="https://drafts.csswg.org/css-sizing-3/#max_content-contribution">max-content contribution</a>