W3C home > Mailing lists > Public > public-css-commits@w3.org > September 2011

csswg/css3-flexbox Overview.html,1.59,1.60 Overview.src.html,1.58,1.59

From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
Date: Wed, 07 Sep 2011 21:22:53 +0000
To: public-css-commits@w3.org
Message-Id: <E1R1Pa9-00040Z-PM@lionel-hutz.w3.org>
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv15391

Modified Files:
	Overview.html Overview.src.html 
Log Message:
Fix typos found by dholbert

Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.59
retrieving revision 1.60
diff -u -d -r1.59 -r1.60
--- Overview.html	7 Sep 2011 00:53:59 -0000	1.59
+++ Overview.html	7 Sep 2011 21:22:51 -0000	1.60
@@ -377,10 +377,9 @@
    &lsquo;<code class=css>inline-flexbox</code>&rsquo; value makes the
    flexbox act like an inline-block in other layout modes.
 
-  <p>Setting &lsquo;<code class=css>display:flexbox</code>&rsquo; on an
-   element forces it to use a new layout algorithm, and so some properties
-   that were designed with the assumption of block layout don't make sense in
-   a flexbox context. In particular:
+  <p>Flexboxes use a new layout algorithm, and so some properties that were
+   designed with the assumption of block layout don't make sense in a flexbox
+   context. In particular:
 
   <ul>
    <li>all of the &lsquo;<code class=css>column-*</code>&rsquo; properties in
@@ -397,10 +396,10 @@
     on a flexbox item
   </ul>
 
-  <p>A flexbox item creates a new flexbox formatting context for its
-   contents. This is similar to a block formatting context: floats must not
-   intrude into the flexbox, and the flexbox's margins do not collapse with
-   any other margin. Additionally, all of the <a
+  <p>A flexbox creates a new flexbox formatting context for its contents.
+   This is similar to a block formatting context: floats must not intrude
+   into the flexbox, and the flexbox's margins do not collapse with the
+   margins of its contents. Additionally, all of the <a
    href="#flexbox-item"><i>flexbox items</i></a> establish new block
    formatting contexts for their contents.
 
@@ -1058,12 +1057,12 @@
    class=property>flex-pack</code></a>&rsquo; property aligns <a
    href="#flexbox-item"><i>flexbox items</i></a> in the <a
    href="#main-axis"><i>main axis</i></a> of the current line of the flexbox.
-   This is done <a href="#flex-align-after"><em>after</em></a> any flexible
-   lengths have been resolved. Typically it helps distribute extra free space
-   leftover when either all the <a href="#flexbox-item"><i>flexbox
-   items</i></a> on a line are inflexible, or are flexible but have reach
-   their maximum size, but it also exerts some control over the alignment of
-   items when they overflow the line.
+   This is done <em title="">after</em> any flexible lengths have been
+   resolved. Typically it helps distribute extra free space leftover when
+   either all the <a href="#flexbox-item"><i>flexbox items</i></a> on a line
+   are inflexible, or are flexible but have reach their maximum size, but it
+   also exerts some control over the alignment of items when they overflow
+   the line.
 
   <dl>
    <dt><dfn id=flex-pack-start>start</dfn>
@@ -1174,19 +1173,19 @@
    applies to the flexbox itself.
 
   <dl>
-   <dt><dfn id=flex-align-before>before</dfn>
+   <dt><dfn id=flex-align-start>start</dfn>
 
    <dd>The <a href="#cross-start"><i>cross-start</i></a> margin edge of the
     <a href="#flexbox-item"><i>flexbox item</i></a> is placed flush with the
     <a href="#cross-start"><i>cross-start</i></a> edge of the line.
 
-   <dt><dfn id=flex-align-after>after</dfn>
+   <dt><dfn id=flex-align-end>end</dfn>
 
    <dd>The <a href="#cross-end"><i>cross-end</i></a> margin edge of the <a
     href="#flexbox-item"><i>flexbox item</i></a> is placed flush with the <a
     href="#cross-end"><i>cross-end</i></a> edge of the line.
 
-   <dt><dfn id=flex-align-middle>middle</dfn>
+   <dt><dfn id=flex-align-center>center</dfn>
 
    <dd>The <a href="#flexbox-item"><i>flexbox item's</i></a> margin box is
     centered in the <a href="#cross-axis"><i>cross axis</i></a> within the
@@ -1671,10 +1670,9 @@
       class=property>box-align</code>&rsquo; of the old spec applied to
       flexbox.
 
-     <li>Added definition for where is &lsquo;<a
-      href="#flex-align-before"><code class=property>before</code></a>&rsquo;
-      and where is &lsquo;<a href="#flex-align-after"><code
-      class=property>after</code></a>&rsquo;
+     <li>Added definition for where is &lsquo;<code
+      class=property>before</code>&rsquo; and where is &lsquo;<code
+      class=property>after</code>&rsquo;
 
      <li>Open issue 14 for before/after to validate the definition.
 
@@ -1845,16 +1843,11 @@
   <!--begin-index-->
 
   <ul class=indexlist>
-   <li>after, <a href="#flex-align-after"
-    title=after><strong>5.2.</strong></a>
-
    <li>baseline, <a href="#flex-align-baseline"
     title=baseline><strong>5.2.</strong></a>
 
-   <li>before, <a href="#flex-align-before"
-    title=before><strong>5.2.</strong></a>
-
-   <li>center, <a href="#flex-line-pack-center"
+   <li>center, <a href="#flex-align-center"
+    title=center><strong>5.2.</strong></a>, <a href="#flex-line-pack-center"
     title=center><strong>6.1.</strong></a>, <a href="#flex-pack-center"
     title=center><strong>5.1.</strong></a>
 
@@ -1883,9 +1876,9 @@
     title=distribute><strong>6.1.</strong></a>, <a
     href="#flex-pack-distribute" title=distribute><strong>5.1.</strong></a>
 
-   <li>end, <a href="#flex-line-pack-end"
-    title=end><strong>6.1.</strong></a>, <a href="#flex-pack-end"
-    title=end><strong>5.1.</strong></a>
+   <li>end, <a href="#flex-align-end" title=end><strong>5.2.</strong></a>, <a
+    href="#flex-line-pack-end" title=end><strong>6.1.</strong></a>, <a
+    href="#flex-pack-end" title=end><strong>5.1.</strong></a>
 
    <li>flex-align, <a href="#flex-align0"
     title=flex-align><strong>5.2.</strong></a>
@@ -1952,9 +1945,6 @@
    <li>main-start, <a href="#main-start"
     title=main-start><strong>2.</strong></a>
 
-   <li>middle, <a href="#flex-align-middle"
-    title=middle><strong>5.2.</strong></a>
-
    <li>multi-line, <a href="#multi-line"
     title=multi-line><strong>6.</strong></a>
 
@@ -1975,7 +1965,8 @@
    <li>single-line, <a href="#single-line"
     title=single-line><strong>6.</strong></a>
 
-   <li>start, <a href="#flex-line-pack-start"
+   <li>start, <a href="#flex-align-start"
+    title=start><strong>5.2.</strong></a>, <a href="#flex-line-pack-start"
     title=start><strong>6.1.</strong></a>, <a href="#flex-pack-start"
     title=start><strong>5.1.</strong></a>
 

Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.58
retrieving revision 1.59
diff -u -d -r1.58 -r1.59
--- Overview.src.html	7 Sep 2011 00:53:59 -0000	1.58
+++ Overview.src.html	7 Sep 2011 21:22:51 -0000	1.59
@@ -111,7 +111,7 @@
 
 	<p>The ''flexbox'' value makes the flexbox act like a block in other layout modes.  The ''inline-flexbox'' value makes the flexbox act like an inline-block in other layout modes.</p>
 
-	<p>Setting ''display:flexbox'' on an element forces it to use a new layout algorithm, and so some properties that were designed with the assumption of block layout don't make sense in a flexbox context.  In particular:</p>
+	<p>Flexboxes use a new layout algorithm, and so some properties that were designed with the assumption of block layout don't make sense in a flexbox context.  In particular:</p>
 
 	<ul>
 		<li>all of the 'column-*' properties in the Multicol module compute to their initial values on a flexbox ('break-before', 'break-inside', and 'break-after' are still valid on a flexbox).</li>
@@ -121,7 +121,7 @@
 		<li>'vertical-align' has no effect on a flexbox item</li>
 	</ul>
 
-	<p>A flexbox item creates a new flexbox formatting context for its contents.  This is similar to a block formatting context: floats must not intrude into the flexbox, and the flexbox's margins do not collapse with any other margin.  Additionally, all of the <i>flexbox items</i> establish new block formatting contexts for their contents.</p>
+	<p>A flexbox creates a new flexbox formatting context for its contents.  This is similar to a block formatting context: floats must not intrude into the flexbox, and the flexbox's margins do not collapse with the margins of its contents.  Additionally, all of the <i>flexbox items</i> establish new block formatting contexts for their contents.</p>
 
 	<p class='issue'>Figure out the right terms to use here.</p>
 
@@ -490,7 +490,7 @@
 			<td>visual
 	</table>
 
-	<p>The 'flex-pack' property aligns <i>flexbox items</i> in the <i>main axis</i> of the current line of the flexbox.  This is done <em>after</em> any flexible lengths have been resolved.  Typically it helps distribute extra free space leftover when either all the <i>flexbox items</i> on a line are inflexible, or are flexible but have reach their maximum size, but it also exerts some control over the alignment of items when they overflow the line.</p>
+	<p>The 'flex-pack' property aligns <i>flexbox items</i> in the <i>main axis</i> of the current line of the flexbox.  This is done <em title=''>after</em> any flexible lengths have been resolved.  Typically it helps distribute extra free space leftover when either all the <i>flexbox items</i> on a line are inflexible, or are flexible but have reach their maximum size, but it also exerts some control over the alignment of items when they overflow the line.</p>
 
 	<dl>
 		<dt><dfn id='flex-pack-start'>start</dfn></dt>
@@ -541,13 +541,13 @@
 	<p>The 'flex-align' property aligns <i>flexbox items</i> in the <i>cross axis</i> of the current line of the flexbox, similar to 'flex-pack' but in the perpendicular axis.  Note that 'flex-align' applies to individual <i>flexbox items</i>, while 'flex-pack' applies to the flexbox itself.</p>
 
 	<dl>
-		<dt><dfn id="flex-align-before">before</dfn></dt>
+		<dt><dfn id="flex-align-start">start</dfn></dt>
 		<dd>The <i>cross-start</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-start</i> edge of the line.</dd>
 
-		<dt><dfn id="flex-align-after">after</dfn></dt>
+		<dt><dfn id="flex-align-end">end</dfn></dt>
 		<dd>The <i>cross-end</i> margin edge of the <i>flexbox item</i> is placed flush with the <i>cross-end</i> edge of the line.</dd>
 
-		<dt><dfn id="flex-align-middle">middle</dfn></dt>
+		<dt><dfn id="flex-align-center">center</dfn></dt>
 		<dd>The <i>flexbox item's</i> margin box is centered in the <i>cross axis</i> within the line.</dd>
 
 		<dt><dfn id="flex-align-baseline">baseline</dfn></dt>
Received on Wednesday, 7 September 2011 21:22:55 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Wednesday, 7 September 2011 21:22:56 GMT