[css-grid] Add sparse/dense switch to grid-auto-flow.

--HG--
extra : rebase_source : 5f3a23b9f476f174bbafdf2cdf0a1c741286ccff

Author: tabatkins

css-grid/Overview.html

@@ -11,7 +11,7 @@
    rel=dcterms.rights>
   <meta content="CSS Grid Layout" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-08-08 name=dcterms.date>
+  <meta content=2013-08-14 name=dcterms.date>
   <meta content="Tab Atkins Jr." name=dcterms.creator>
   <meta content="Elika J. Etemad" name=dcterms.creator>
   <meta content="Rossen Atanassov" name=dcterms.creator>
@@ -59,11 +59,12 @@
 
    <h1 class=title id=title>CSS Grid Layout</h1>
 
-   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft, 8 August 2013</h2>
+   <h2 class="no-num no-toc" id=longstatus-date>Editor's Draft, 14 August
+    2013</h2>
 
    <dl>
     <dt>This version:
-     <!-- <dd><a href="http://dev.w3.org/csswg/css3-grid-layout/">http://www.w3.org/TR/2013/WD-css3-grid-layout-20130808/</a> -->
+     <!-- <dd><a href="http://dev.w3.org/csswg/css3-grid-layout/">http://www.w3.org/TR/2013/WD-css3-grid-layout-20130814/</a> -->
 
     <dd><a
      href="http://dev.w3.org/csswg/css3-grid-layout/">http://dev.w3.org/csswg/css3-grid-layout/</a>
@@ -2354,7 +2355,7 @@ <h3 id=grid-auto-flow-property><span class=secno>6.3. </span> Automatic
     <tr>
      <td>Value:
 
-     <td>rows | columns
+     <td>[ rows | columns ] && dense?
 
     <tr>
      <td>Initial:
@@ -2405,6 +2406,15 @@ <h3 id=grid-auto-flow-property><span class=secno>6.3. </span> Automatic
 
    <dd> The auto-placement algorithm places items by filling each column in
     turn, adding new columns as necessary.
+
+   <dt><dfn id=dense>‘<code class=css>dense</code>’</dfn>
+
+   <dd> If specified, the auto-placement algorithm uses a "dense" packing
+    algorithm, which attempts to fill in holes in the grid if smaller items
+    come up later. (By default, the auto-placement algorithm is "sparse",
+    permanently skipping spaces that it can't fill with the curren grid
+    item.)
+    <p class=note> Note: This may cause items to appear out-of-order.
   </dl>
 
   <p class=issue> Add a value for stacking items on top of each other?
@@ -3879,6 +3889,9 @@ <h2 class=no-num id=index> Index</h2>
     href="#function-ComputeUsedBreadthOfGridTracks"
     title="section 8.2."><strong>8.2.</strong></a>
 
+   <li>‘<code class=css>dense</code>’, <a href="#dense"
+    title="section 6.3."><strong>6.3.</strong></a>
+
    <li>DistributeSpaceToTracks, <a href="#function-DistributeSpaceToTracks"
     title="section 8.2."><strong>8.2.</strong></a>
 
@@ -4164,7 +4177,7 @@ <h2 class=no-num id=property-index> Property index</h2>
     <tr>
      <th><a class=property href="#grid-auto-flow">grid-auto-flow</a>
 
-     <td>rows | columns
+     <td>[ rows | columns ] && dense?
 
      <td>rows
 

css-grid/Overview.src.html

@@ -1806,7 +1806,7 @@ <h3 id="grid-auto-flow-property">
 
 		<tr>
 			<td>Value:
-			<td>rows | columns
+			<td>[ rows | columns ] && dense?
 
 		<tr>
 			<td>Initial:
@@ -1850,6 +1850,16 @@ <h3 id="grid-auto-flow-property">
 			The auto-placement algorithm places items
 			by filling each column in turn,
 			adding new columns as necessary.
+
+		<dt><dfn>''dense''</dfn>
+		<dd>
+			If specified, the auto-placement algorithm uses a "dense" packing algorithm,
+			which attempts to fill in holes in the grid if smaller items come up later.
+			(By default, the auto-placement algorithm is "sparse",
+			permanently skipping spaces that it can't fill with the curren grid item.)
+
+			<p class='note'>
+				Note: This may cause items to appear out-of-order.
 	</dl>
 
 	<p class='issue'>