Regen for LC publication

Author: fantasai

css3-flexbox/Overview.html

@@ -6,7 +6,7 @@
   <title>CSS Flexible Box Layout Module</title>
   <link href="http://dev.w3.org/csswg/default.css" rel=stylesheet
   type="text/css">
-  <link href="http://www.w3.org/StyleSheets/TR/W3C-ED" rel=stylesheet
+  <link href="http://www.w3.org/StyleSheets/TR/W3C-WD" rel=stylesheet
   type="text/css">
 
   <style>
@@ -40,15 +40,14 @@
 
    <h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
-   <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 6 June 2012</h2>
+   <h2 class="no-num no-toc" id=w3c-working>W3C Working Draft, 12 June 2012</h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120606/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120606/</a>-->
-     
 
     <dd><a
-     href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>
+     href="http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/">http://www.w3.org/TR/2012/WD-css3-flexbox-20120612/</a>
+     <!--<dd><a href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>-->
 
 
     <dt>Latest version:
@@ -100,14 +99,17 @@ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 6 June 2012</h2>
     <dd><a href="http://www.xanthir.com/contact">Tab Atkins Jr.</a>, Google
      Inc.
 
+    <dd><a href="http://fantasai.inkedblade.net/contact">Elika J. Etemad</a>,
+     Mozilla
+
     <dd>Alex Mogilevsky, Microsoft Corporation, <a
      href="mailto:alexmog@microsoft.com">alexmog@microsoft.com</a>
 
+    <dt>Authors and former editors:
+
     <dd>L. David Baron, Mozilla Corporation, <a
      href="mailto:dbaron@dbaron.org">dbaron@dbaron.org</a>
 
-    <dt>Authors and former editors:
-
     <dd>Neil Deakin, Mozilla Corporation, <a
      href="mailto:enndeakin@gmail.com">enndeakin@gmail.com</a>
 
@@ -151,37 +153,50 @@ <h2 class="no-num no-toc" id=abstract> Abstract</h2>
   <h2 class="no-num no-toc" id=status>Status of this document</h2>
   <!--begin-status-->
 
-  <p>This is a public copy of the editors' draft. It is provided for
-   discussion only and may change at any moment. Its publication here does
-   not imply endorsement of its contents by W3C. Don't cite this document
-   other than as work in progress.
+  <p><em>This section describes the status of this document at the time of
+   its publication. Other documents may supersede this document. A list of
+   current W3C publications and the latest revision of this technical report
+   can be found in the <a href="http://www.w3.org/TR/">W3C technical reports
+   index at http://www.w3.org/TR/.</a></em>
+
+  <p>Publication as a Working Draft does not imply endorsement by the W3C
+   Membership. This is a draft document and may be updated, replaced or
+   obsoleted by other documents at any time. It is inappropriate to cite this
+   document as other than work in progress.
 
   <p>The (<a
    href="http://lists.w3.org/Archives/Public/www-style/">archived</a>) public
-   mailing list <a
-   href="mailto:www-style@w3.org?Subject=%5Bcss3-flexbox%5D%20PUT%20SUBJECT%20HERE">
-   www-style@w3.org</a> (see <a
-   href="http://www.w3.org/Mail/Request">instructions</a>) is preferred for
-   discussion of this specification. When sending e-mail, please put the text
-   “css3-flexbox” in the subject, preferably like this:
+   mailing list <a href="mailto:www-style@w3.org">www-style@w3.org</a> (see
+   <a href="http://www.w3.org/Mail/Request">instructions</a>) is preferred
+   for discussion of this specification. When sending e-mail, please put the
+   text “css3-flexbox” in the subject, preferably like this:
    “[<!---->css3-flexbox<!---->] <em>…summary of comment…</em>”
 
-  <p>This document was produced by the <a href="/Style/CSS/members">CSS
-   Working Group</a> (part of the <a href="/Style/">Style Activity</a>).
+  <p>This document was produced by the <a
+   href="http://www.w3.org/Style/CSS/members">CSS Working Group</a> (part of
+   the <a href="http://www.w3.org/Style/">Style Activity</a>).
 
   <p>This document was produced by a group operating under the <a
-   href="/Consortium/Patent-Policy-20040205/">5 February 2004 W3C Patent
-   Policy</a>. W3C maintains a <a href="/2004/01/pp-impl/32061/status"
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/">5 February
+   2004 W3C Patent Policy</a>. W3C maintains a <a
+   href="http://www.w3.org/2004/01/pp-impl/32061/status"
    rel=disclosure>public list of any patent disclosures</a> made in
    connection with the deliverables of the group; that page also includes
    instructions for disclosing a patent. An individual who has actual
    knowledge of a patent which the individual believes contains <a
-   href="/Consortium/Patent-Policy-20040205/#def-essential">Essential
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#def-essential">Essential
    Claim(s)</a> must disclose the information in accordance with <a
-   href="/Consortium/Patent-Policy-20040205/#sec-Disclosure">section 6 of the
-   W3C Patent Policy</a>.</p>
+   href="http://www.w3.org/Consortium/Patent-Policy-20040205/#sec-Disclosure">section
+   6 of the W3C Patent Policy</a>.</p>
   <!--end-status-->
 
+  <p> This specification is a <strong>Last Call Working Draft</strong>. All
+   persons are encouraged to review this document and <strong>send comments
+   to the <a
+   href="http://lists.w3.org/Archives/Public/www-style/">www-style</a>
+   mailing list</strong> as described above. The <strong>deadline for
+   comments</strong> is <strong>3 July 2012</strong>.
+
   <h2 class="no-num no-toc" id=table>Table of contents</h2>
   <!--begin-toc-->
 
@@ -197,8 +212,8 @@ <h2 class="no-num no-toc" id=table>Table of contents</h2>
    <li><a href="#box-model"><span class=secno>2. </span> Flex Layout Box
     Model</a>
 
-   <li><a href="#display-flex"><span class=secno>3. </span> Flex Containers:
-    the ‘<code class=css>flex</code>’ and ‘<code
+   <li><a href="#flex-containers"><span class=secno>3. </span> Flex
+    Containers: the ‘<code class=css>flex</code>’ and ‘<code
     class=css>inline-flex</code>’ ‘<code class=property>display</code>’
     values</a>
 
@@ -411,9 +426,9 @@ <h3 id=values><span class=secno>1.2. </span> Values</h3>
   <p>This specification follows the <a
    href="http://www.w3.org/TR/CSS21/about.html#property-defs">CSS property
    definition conventions</a> from <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in
+  >[CSS21]<!--{{!CSS21}}--></a>. Value types not defined in
    this specification are defined in CSS Level 2 Revision 1 <a
-   href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>. Other CSS
+   href="#CSS21">[CSS21]<!--{{!CSS21}}--></a>. Other CSS
    modules may expand the definitions of these value types: for example
    [[CSS3VALUES]], when combined with this module, expands the definition of
    the &lt;length&gt; value type as used in this specification.
@@ -426,11 +441,11 @@ <h3 id=values><span class=secno>1.2. </span> Values</h3>
 
   <h2 id=box-model><span class=secno>2. </span> Flex Layout Box Model</h2>
 
-  <p>An element with ‘<code class=css>display:flex</code>’ or ‘<code
-   class=css>display:inline-flex</code>’ is a <dfn id=flex-container>flex
-   container</dfn>. Children of a flex container are called <a
-   href="#flex-item"><i>flex items</i></a> and are laid out using the flex
-   layout model.
+  <p> An element with ‘<code class=css>display:flex</code>’ or ‘<code
+   class=css>display:inline-flex</code>’ is a <a
+   href="#flex-container"><i>flex container</i></a>. Children of a flex
+   container are called <a href="#flex-item"><i>flex items</i></a> and are
+   laid out using the flex layout model.
 
   <p>Unlike block layout, which is normally biased towards laying things out
    vertically, and inline layout, which is normally biased toward laying
@@ -496,8 +511,8 @@ <h2 id=box-model><span class=secno>2. </span> Flex Layout Box Model</h2>
    href="#align-content"><code class=property>align-content</code></a>’
    property.
 
-  <h2 id=display-flex><span class=secno>3. </span> Flex Containers: the ‘<a
-   href="#flex"><code class=css>flex</code></a>’ and ‘<a
+  <h2 id=flex-containers><span class=secno>3. </span> Flex Containers: the
+   ‘<a href="#flex"><code class=css>flex</code></a>’ and ‘<a
    href="#display-inline-flex"><code class=css>inline-flex</code></a>’
    ‘<code class=property>display</code>’ values</h2>
 
@@ -518,13 +533,14 @@ <h2 id=display-flex><span class=secno>3. </span> Flex Containers: the ‘<a
   <p> An element whose computed ‘<code class=property>display</code>’ is
    either ‘<a href="#flex"><code class=css>flex</code></a>’ or ‘<a
    href="#display-inline-flex"><code class=css>inline-flex</code></a>’ is a
-   flex container, and establishes a new <dfn id=flex-formatting-context>flex
-   formatting context</dfn> for its contents. This is the same as
-   establishing a block formatting context, except that flex layout is used
-   instead of block layout: floats do not intrude into the flex container,
-   and the flex container's margins do not collapse with the margins of its
-   contents. Additionally, each of the <a href="#flex-item"><i>flex
-   items</i></a> establishes a new formatting context for its contents.
+   <dfn id=flex-container>flex container</dfn>, and establishes a new <dfn
+   id=flex-formatting-context>flex formatting context</dfn> for its contents.
+   This is the same as establishing a block formatting context, except that
+   flex layout is used instead of block layout: floats do not intrude into
+   the flex container, and the flex container's margins do not collapse with
+   the margins of its contents. Additionally, each of the <a
+   href="#flex-item"><i>flex items</i></a> establishes a new formatting
+   context for its contents.
 
   <p> The ‘<a href="#flex"><code class=css>flex</code></a>’ value makes
    the flex container a block-level element. The ‘<a
@@ -753,7 +769,7 @@ <h3 id=visibility-collapse><span class=secno>4.3. </span> Collapsed Items</h3>
    href="http://www.w3.org/TR/CSS21/intro.html#formatting-structure">formatting
    struture</a>. Therefore, unlike on ‘<code
    class=css>display:none</code>’ items <a href="#CSS21"
-   rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>, effects that depend on an
+  >[CSS21]<!--{{!CSS21}}--></a>, effects that depend on an
    element appearing in the formatting structure (like incrementing counters
    or running animations and transitions) still operate on collapsed items.
 
@@ -780,7 +796,7 @@ <h3 id=min-size-auto><span class=secno>4.4. </span> Implied Minimum Size of
    class=css>auto</code>’</a> value as the initial value of the ‘<code
    class=property>min-width</code>’ and ‘<code
    class=property>min-height</code>’ properties defined in CSS 2.1. <a
-   href="#CSS21" rel=biblioentry>[CSS21]<!--{{!CSS21}}--></a>
+   href="#CSS21">[CSS21]<!--{{!CSS21}}--></a>
 
   <table class=propdef>
    <tbody>
@@ -1496,7 +1512,7 @@ <h3 id=flex-property><span class=secno>7.1. </span> The ‘<a
    href="#main-size"><i>main size</i></a> of the <a href="#flex-item"><i>flex
    item</i></a>, before free space is distributed according to the flex
    ratios. If omitted, the <a href="#flex-basis"><i>flex basis</i></a>
-   defaults to ‘<code class=css>0px</code>’. <span class=note>Note that
+   defaults to ‘<code class=css>0%</code>’. <span class=note>Note that
    this is different from the initial value of ‘<a
    href="#flex-basis0"><code class=property>flex-basis</code></a>’, which
    is ‘<a href="#align-self-auto"><code
@@ -1815,7 +1831,7 @@ <h4 id=flex-basis-property><span class=secno>7.3.3. </span> The ‘<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>.
+  >[CSS3UI]<!--{{CSS3UI}}--></a>.
 
   <h2 id=alignment><span class=secno>8. </span> Alignment</h2>
 
@@ -2532,7 +2548,7 @@ <h3 id=line-sizing><span class=secno>9.2. </span> Line Length Determination</h3>
       perpendicular to the flex container's writing mode (in which case <a
       href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the
       rules for a box in an orthogonal flow</a> <a href="#CSS3-WRITING-MODES"
-      rel=biblioentry>[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>
+     >[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>
       are in effect). If the flex basis is ‘<code
       class=css>fill-available</code>’, or ‘<code
       class=css>fit-content</code>’, and the flex container is being sized
@@ -2548,7 +2564,7 @@ <h3 id=line-sizing><span class=secno>9.2. </span> Line Length Determination</h3>
       perpendicular to the flex container's writing mode (in which case <a
       href="http://www.w3.org/TR/css3-writing-modes/#orthogonal-flows">the
       rules for a box in an orthogonal flow</a> <a href="#CSS3-WRITING-MODES"
-      rel=biblioentry>[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>
+     >[CSS3-WRITING-MODES]<!--{{!CSS3-WRITING-MODES}}--></a>
       are in effect). If the flex basis is ‘<a
       href="#align-self-auto"><code class=css>auto</code></a>’, ‘<code
       class=css>fill-available</code>’, or ‘<code
@@ -2592,9 +2608,9 @@ <h3 id=main-sizing><span class=secno>9.3. </span> Main Size Determination</h3>
       encountered (but collect at least one) into the flex container's inner
       main size into a flex line. A break is forced wherever the CSS2.1
       ‘<code class=css>page-break-before/after</code>’ <a href="#CSS21"
-      rel=biblioentry>[CSS21]<!--{{CSS21}}--></a> or the CSS3 ‘<code
+     >[CSS21]<!--{{CSS21}}--></a> or the CSS3 ‘<code
       class=css>break-before/after</code>’ <a href="#CSS3-BREAK"
-      rel=biblioentry>[CSS3-BREAK]<!--{{CSS3-BREAK}}--></a> properties
+     >[CSS3-BREAK]<!--{{CSS3-BREAK}}--></a> properties
       specify a fragmentation break.
       <p> For this step, the size of a flex item is its outer <a
        href="#hypothetical-main-size"><i>hypothetical main size</i></a>.
@@ -2825,7 +2841,7 @@ <h2 id=pagination><span class=secno>10. </span> Fragmenting Flex Layout</h2>
    the “page”. The same rules apply to any other fragmenters. (Substitute
    “page” with the appropriate fragmenter type as needed.) See the CSS3
    Fragmentation Module <a href="#CSS3-BREAK"
-   rel=biblioentry>[CSS3-BREAK]<!--{{!CSS3-BREAK}}--></a>. For readability,
+  >[CSS3-BREAK]<!--{{!CSS3-BREAK}}--></a>. For readability,
    in this section the terms "row" and "column" refer to the relative
    orientation of the flex container with respect to the block flow direction
    of the fragmentation context, rather than to the writing mode of the flex
@@ -2864,7 +2880,7 @@ <h2 id=pagination><span class=secno>10. </span> Fragmenting Flex Layout</h2>
     href="http://www.w3.org/TR/css3-break/#end-block">Class 3 break
     opportunities</a> occur between the first/last flex items on a line and
     the flex container's content edges. <a href="#CSS3-BREAK"
-    rel=biblioentry>[CSS3-BREAK]<!--{{!CSS3-BREAK}}--></a>
+   >[CSS3-BREAK]<!--{{!CSS3-BREAK}}--></a>
 
    <li> When a flex container is continued after a break, the space available
     to its <a href="#flex-item"><i>flex items</i></a> (in the block flow
@@ -3050,8 +3066,8 @@ <h3 id=pagination-algo><span class=secno>10.1. </span> Sample Flex
         through <a href="#main-alignment">Main-Axis Alignment</a>, using only
         the items on this and following lines, but with the item causing the
         break automatically starting a new line in the <a
-        href="#algo-line-break"> step, then continue with this step. Forced
-        breaks <em>within</em> flex items are ignored. </a>
+        href="#algo-line-break">line breaking step</a>, then continue with
+        this step. Forced breaks <em>within</em> flex items are ignored.
 
       <li> If there are any flex items not laid out by the previous step,
        rerun the flex layout algorithm from <a href="#line-sizing">Line
@@ -3081,7 +3097,7 @@ <h3 id=conventions><span class=secno>11.1. </span> Document conventions</h3>
 
   <p>All of the text of this specification is normative except sections
    explicitly marked as non-normative, examples, and notes. <a
-   href="#RFC2119" rel=biblioentry>[RFC2119]<!--{{!RFC2119}}--></a>
+   href="#RFC2119">[RFC2119]<!--{{!RFC2119}}--></a>
 
   <p>Examples in this specification are introduced with the words “for
    example” or are set apart from the normative text with
@@ -3393,6 +3409,12 @@ <h2 class=no-num id=property>Property index</h2>
 
      <td>flex | inline-flex
 
+     <td>
+     <td>
+     <td>
+     <td>
+     <td>
+
     <tr>
      <th><a class=property href="#flex">flex</a>
 
@@ -3524,6 +3546,10 @@ <h2 class=no-num id=property>Property index</h2>
 
      <td>the percentage as specified or the absolute length or a keyword
 
+     <td>
+     <td>
+     <td>
+
     <tr>
      <th><a class=property href="#order">order</a>
 
@@ -3619,7 +3645,7 @@ <h2 class=no-num id=index>Index</h2>
     title=flex-basis><strong>7.3.3.</strong></a>
 
    <li>flex container, <a href="#flex-container"
-    title="flex container"><strong>2.</strong></a>
+    title="flex container"><strong>3.</strong></a>
 
    <li>flex-direction, <a href="#flex-direction"
     title=flex-direction><strong>5.1.</strong></a>