[css-flexbox] mark a bunch of terms for export

Author: tabatkins

css-flexbox/Overview.html

@@ -11,7 +11,7 @@
 
   <meta content="CSS Flexible Box Layout Module" name=dcterms.title>
   <meta content=text name=dcterms.type>
-  <meta content=2013-08-07 name=dcterms.date>
+  <meta content=2013-08-19 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>
@@ -224,11 +224,11 @@
    <h1 class=p-name id=head-box-flexible>CSS Flexible Box Layout Module</h1>
 
    <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, <time
-    class=dt-updated datetime=20130807> 7 August 2013</time></h2>
+    class=dt-updated datetime=20130819>19 August 2013</time></h2>
 
    <dl>
     <dt>This version:
-     <!--<dd><a class="u-url" href="http://dev.w3.org/csswg/css3-flexbox/">http://www.w3.org/TR/2013/CR-css3-flexbox-20130807/</a>-->
+     <!--<dd><a class="u-url" href="http://dev.w3.org/csswg/css3-flexbox/">http://www.w3.org/TR/2013/CR-css3-flexbox-20130819/</a>-->
 
     <dd><a class=u-url
      href="http://dev.w3.org/csswg/css3-flexbox/">http://dev.w3.org/csswg/css3-flexbox/</a>
@@ -587,9 +587,9 @@ <h2 id=intro><span class=secno>1. </span> Introduction</h2>
     regard for other elements in the document
   </ul>
 
-  <p> This module introduces a new layout mode, <dfn id=flex-layout>flex
-   layout</dfn>, which is designed for laying out more complex applications
-   and webpages.
+  <p> This module introduces a new layout mode, <dfn data-export=data-export
+   id=flex-layout>flex layout</dfn>, which is designed for laying out more
+   complex applications and webpages.
 
   <h3 id=overview><span class=secno>1.1. </span> Overview</h3>
 
@@ -802,14 +802,15 @@ <h2 id=box-model><span class=secno>2. </span> Flex Layout Box Model and
    ‘<a href="#flex-flow-row"><code class=css>row</code></a>’ flex
    container. </figcaption> </figure>
 
-  <dl id=main>
-   <dt class=axis title="main axis|main-axis">main axis
+  <dl data-export=data-export id=main>
+   <dt class=axis>main axis
 
    <dt class=axis>main dimension
 
-   <dd> The <dfn id=main-axis>main axis</dfn> of a flex container is the
-    primary axis along which <a href="#flex-item"><i>flex items</i></a> are
-    laid out. It extends in the <dfn id=main-dimension>main dimension</dfn>.
+   <dd> The <dfn id=main-axis title="main axis|main-axis">main axis</dfn> of
+    a flex container is the primary axis along which <a
+    href="#flex-item"><i>flex items</i></a> are laid out. It extends in the
+    <dfn id=main-dimension>main dimension</dfn>.
 
    <dt class=side>main-start
 
@@ -833,14 +834,15 @@ <h2 id=box-model><span class=secno>2. </span> Flex Layout Box Model and
     href="#main-dimension"><i>main dimension</i></a>.
   </dl>
 
-  <dl id=cross>
-   <dt class=axis title="cross axis|cross-axis">cross axis
+  <dl data-export=data-export id=cross>
+   <dt class=axis>cross axis
 
    <dt class=axis>cross dimension
 
    <dd> The axis perpendicular to the <a href="#main-axis"><i>main
-    axis</i></a> is called the <dfn id=cross-axis>cross axis</dfn>. It
-    extends in the <dfn id=cross-dimension>cross dimension</dfn>.
+    axis</i></a> is called the <dfn id=cross-axis
+    title="cross axis|cross-axis">cross axis</dfn>. It extends in the <dfn
+    id=cross-dimension>cross dimension</dfn>.
 
    <dt class=side>cross-start
 
@@ -894,7 +896,8 @@ <h2 id=flex-containers><span class=secno>3. </span> Flex Containers: the <a
     href="#flex-container"><i>flex container</i></a> box.
   </dl>
 
-  <p> A <dfn id=flex-container>flex container</dfn> establishes a new <dfn
+  <p> A <dfn data-export=data-export id=flex-container>flex container</dfn>
+   establishes a new <dfn data-export=data-export
    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
@@ -946,13 +949,13 @@ <h2 id=flex-containers><span class=secno>3. </span> Flex Containers: the <a
   <h2 id=flex-items><span class=secno>4. </span> Flex Items</h2>
 
   <p> The contents of a <a href="#flex-container"><i>flex container</i></a>
-   consists of zero or more <dfn id=flex-item title="flex item">flex
-   items</dfn>: each in-flow child of a <a href="#flex-container"><i>flex
-   container</i></a> becomes a <a href="#flex-item"><i>flex item</i></a>, and
-   each contiguous run of text that is directly contained inside a <a
-   href="#flex-container"><i>flex container</i></a> is wrapped in an
-   anonymous <a href="#flex-item"><i>flex item</i></a>. However, an anonymous
-   flex item that contains only <a
+   consists of zero or more <dfn data-export=data-export id=flex-item
+   title="flex item">flex items</dfn>: each in-flow child of a <a
+   href="#flex-container"><i>flex container</i></a> becomes a <a
+   href="#flex-item"><i>flex item</i></a>, and each contiguous run of text
+   that is directly contained inside a <a href="#flex-container"><i>flex
+   container</i></a> is wrapped in an anonymous <a href="#flex-item"><i>flex
+   item</i></a>. However, an anonymous flex item that contains only <a
    href="http://www.w3.org/TR/CSS21/text.html#white-space-prop">white
    space</a> is not rendered, as if it were ‘<code
    class=css>display:none</code>’.
@@ -1461,9 +1464,9 @@ <h3 id=flex-wrap-property><span class=secno>5.2. </span> Flex Line
   <p> The ‘<a href="#flex-wrap"><code
    class=property>flex-wrap</code></a>’ property controls whether the flex
    container is <a href="#single-line"><i>single-line</i></a> or <a
-   href="#multi-line"><i>multi-line</i></a>, and the direction of the
-   <i>cross-axis</i>, which determines the direction new lines are stacked
-   in.
+   href="#multi-line"><i>multi-line</i></a>, and the direction of the <a
+   href="#cross-axis"><i>cross-axis</i></a>, which determines the direction
+   new lines are stacked in.
 
   <dl>
    <dt><dfn id=flex-flow-nowrap>‘<code class=css>nowrap</code>’</dfn>
@@ -2854,10 +2857,12 @@ <h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
   <p> The ‘<a href="#align-content"><code
    class=property>align-content</code></a>’ property aligns a flex
    container's lines within the flex container when there is extra space in
-   the <i>cross-axis</i>, similar to how ‘<a href="#justify-content"><code
-   class=property>justify-content</code></a>’ aligns individual items
-   within the <i>main-axis</i>. Note, this property has no effect when the
-   flex container has only a single line. Values have the following meanings:
+   the <a href="#cross-axis"><i>cross-axis</i></a>, similar to how ‘<a
+   href="#justify-content"><code class=property>justify-content</code></a>’
+   aligns individual items within the <a
+   href="#main-axis"><i>main-axis</i></a>. Note, this property has no effect
+   when the flex container has only a single line. Values have the following
+   meanings:
 
   <dl>
    <dt><dfn id=align-content-flex-start>‘<code
@@ -2929,9 +2934,9 @@ <h3 id=align-content-property><span class=secno>8.4. </span> Packing Flex
   </dl>
 
   <p class=note> Note: Only flex containers with multiple lines ever have
-   free space in the <i>cross-axis</i> for lines to be aligned in, because in
-   a flex container with a single line the sole line automatically stretches
-   to fill the space.
+   free space in the <a href="#cross-axis"><i>cross-axis</i></a> for lines to
+   be aligned in, because in a flex container with a single line the sole
+   line automatically stretches to fill the space.
 
   <div class=figure> <img alt=alt height=508
    src="images/align-content-example.svg" width=612>
@@ -2947,7 +2952,8 @@ <h3 id=flex-baselines><span class=secno>8.5. </span> Flex Baselines</h3>
    class=property>order</code></a>’):
 
   <dl>
-   <dt><dfn id=main-axis-baseline>main-axis baseline</dfn>
+   <dt><dfn data-export=data-export id=main-axis-baseline>main-axis
+    baseline</dfn>
 
    <dd>
     <ol>
@@ -2977,7 +2983,8 @@ <h3 id=flex-baselines><span class=secno>8.5. </span> Flex Baselines</h3>
 					-->
     </ol>
 
-   <dt><dfn id=cross-axis-baseline>cross-axis baseline</dfn>
+   <dt><dfn data-export=data-export id=cross-axis-baseline>cross-axis
+    baseline</dfn>
 
    <dd>
     <ol>
@@ -3452,8 +3459,9 @@ <h3 id=intrinsic-sizes><span class=secno>9.8. </span> Intrinsic Sizes</h3>
 
   <p> The <i>min-content cross size</i> and <i>max-content cross size</i> of
    a flex container are the cross size of the flex container after performing
-   layout into the given available <i>main-axis</i> space and infinite
-   available <i>cross-axis</i> space.
+   layout into the given available <a href="#main-axis"><i>main-axis</i></a>
+   space and infinite available <a href="#cross-axis"><i>cross-axis</i></a>
+   space.
 
   <p> The main-size <i
    title="min-content contribution">min-content</i>/<i>max-content
@@ -3987,10 +3995,10 @@ <h3 class=no-num id=informative>Other references</h3>
    <dt id=CSS3VAL>[CSS3VAL]
 
    <dd>Håkon Wium Lie; Tab Atkins; Elika J. Etemad. <a
-    href="http://www.w3.org/TR/2013/CR-css3-values-20130404/"><cite>CSS
-    Values and Units Module Level 3.</cite></a> 4 April 2013. W3C Candidate
+    href="http://www.w3.org/TR/2013/CR-css3-values-20130730/"><cite>CSS
+    Values and Units Module Level 3.</cite></a> 30 July 2013. W3C Candidate
     Recommendation. (Work in progress.) URL: <a
-    href="http://www.w3.org/TR/2013/CR-css3-values-20130404/">http://www.w3.org/TR/2013/CR-css3-values-20130404/</a>
+    href="http://www.w3.org/TR/2013/CR-css3-values-20130730/">http://www.w3.org/TR/2013/CR-css3-values-20130730/</a>
    </dd>
    <!---->
 
@@ -4335,6 +4343,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>cross axis, <a href="#cross-axis"
     title="section 2."><strong>2.</strong></a>
 
+   <li>cross-axis, <a href="#cross-axis"
+    title="section 2."><strong>2.</strong></a>
+
    <li>cross-axis baseline, <a href="#cross-axis-baseline"
     title="section 8.5."><strong>8.5.</strong></a>
 
@@ -4449,6 +4460,9 @@ <h2 class=no-num id=index>Index</h2>
    <li>main axis, <a href="#main-axis"
     title="section 2."><strong>2.</strong></a>
 
+   <li>main-axis, <a href="#main-axis"
+    title="section 2."><strong>2.</strong></a>
+
    <li>main-axis baseline, <a href="#main-axis-baseline"
     title="section 8.5."><strong>8.5.</strong></a>
 

css-flexbox/Overview.src.html

@@ -302,7 +302,7 @@ <h2 id="intro">
 		<li>positioned layout, designed for very explicit positioning without much regard for other elements in the document
 	</ul>
 	<p>
-		This module introduces a new layout mode, <dfn>flex layout</dfn>,
+		This module introduces a new layout mode, <dfn data-export>flex layout</dfn>,
 		which is designed for laying out more complex applications and webpages.
 
 <h3 id="overview">
@@ -491,11 +491,11 @@ <h2 id='box-model'>
 		</figcaption>
 	</figure>
 
-	<dl id="main">
-		<dt class='axis' title="main axis|main-axis">main axis
+	<dl id="main" data-export>
+		<dt class='axis'>main axis
 		<dt class='axis'>main dimension
 		<dd>
-			The <dfn>main axis</dfn> of a flex container is the primary axis along which <i>flex items</i> are laid out.
+			The <dfn title="main axis|main-axis">main axis</dfn> of a flex container is the primary axis along which <i>flex items</i> are laid out.
 			It extends in the <dfn>main dimension</dfn>.
 
 		<dt class='side'>main-start
@@ -516,11 +516,11 @@ <h2 id='box-model'>
 			whichever is in the <i>main dimension</i>.
 	</dl>
 
-	<dl id="cross">
-		<dt class='axis' title="cross axis|cross-axis">cross axis
+	<dl id="cross" data-export>
+		<dt class='axis'>cross axis
 		<dt class='axis'>cross dimension
 		<dd>
-			The axis perpendicular to the <i>main axis</i> is called the <dfn>cross axis</dfn>.
+			The axis perpendicular to the <i>main axis</i> is called the <dfn title="cross axis|cross-axis">cross axis</dfn>.
 			It extends in the <dfn>cross dimension</dfn>.
 
 		<dt class='side'>cross-start
@@ -563,7 +563,7 @@ <h2 id='flex-containers'>
 	</dl>
 
 	<p>
-		A <dfn>flex container</dfn> establishes a new <dfn>flex formatting context</dfn> for its contents.  
+		A <dfn data-export>flex container</dfn> establishes a new <dfn data-export>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, 
@@ -607,7 +607,7 @@ <h2 id='flex-items'>
 Flex Items</h2>
 
 	<p>
-		The contents of a <i>flex container</i> consists of zero or more <dfn title="flex item" id="flex-item">flex items</dfn>:
+		The contents of a <i>flex container</i> consists of zero or more <dfn data-export title="flex item" id="flex-item">flex items</dfn>:
 		each in-flow child of a <i>flex container</i>
 		becomes a <i>flex item</i>,
 		and each contiguous run of text that is directly contained inside a <i>flex container</i>
@@ -2211,7 +2211,7 @@ <h3 id="flex-baselines">
 		The baselines of a flex container are determined as follows (after reordering with 'order'):
 
 	<dl>
-		<dt><dfn>main-axis baseline</dfn>
+		<dt><dfn data-export>main-axis baseline</dfn>
 		<dd>
 			<ol>
 				<li>
@@ -2238,7 +2238,7 @@ <h3 id="flex-baselines">
 					-->
 			</ol>
 
-		<dt><dfn>cross-axis baseline</dfn>
+		<dt><dfn data-export>cross-axis baseline</dfn>
 		<dd>
 			<ol>
 				<li>