- 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
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 @@
‘<code class=css>inline-flexbox</code>’ value makes the
flexbox act like an inline-block in other layout modes.
- <p>Setting ‘<code class=css>display:flexbox</code>’ 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 ‘<code class=css>column-*</code>’ 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>’ 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>’ of the old spec applied to
flexbox.
- <li>Added definition for where is ‘<a
- href="#flex-align-before"><code class=property>before</code></a>’
- and where is ‘<a href="#flex-align-after"><code
- class=property>after</code></a>’
+ <li>Added definition for where is ‘<code
+ class=property>before</code>’ and where is ‘<code
+ class=property>after</code>’
<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 UTC