- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 19 Aug 2011 18:17:16 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv9749
Modified Files:
Overview.html Overview.src.html
Log Message:
copyedits suggested by fantasai
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.32
retrieving revision 1.33
diff -u -d -r1.32 -r1.33
--- Overview.html 19 Aug 2011 18:13:49 -0000 1.32
+++ Overview.html 19 Aug 2011 18:17:14 -0000 1.33
@@ -220,15 +220,15 @@
<h2 id=overview><span class=secno>1. </span> Overview</h2>
- <p>CSS 2.1 defined four layout modes, algorithms which determine the size
- and position of boxes based on their relationships with their sibling and
- ancestor boxes: block layout, designed for laying out documents and simple
- applications, inline layout, designed for laying out text, table layout,
- designed for laying out information in a tabular format, and positioned
- layout, designed for very explicit positioning without much regard for
- other elements in the document. This module introduces a new layout mode,
- flexbox layout, which is designed for laying out more complex applications
- and webpages.
+ <p>CSS 2.1 defined four layout modes — algorithms which determine the
+ size and position of boxes based on their relationships with their sibling
+ and ancestor boxes: block layout, designed for laying out documents and
+ simple applications; inline layout, designed for laying out text; table
+ layout, designed for laying out information in a tabular format; and
+ positioned layout, designed for very explicit positioning without much
+ regard for other elements in the document. This module introduces a new
+ layout mode, flexbox layout, which is designed for laying out more complex
+ applications and webpages.
<p>Flexbox layout is superficially similar to block layout. It lacks many
of the more complex text or document-formatting properties that can be
@@ -577,7 +577,7 @@
<dt><dfn id=flex-flow-wrap-down>wrap-down</dfn>
<dd>Flow of <a href="#flexbox-item"><i>flexbox item</i></a>s is wrapped
- into multiple lines as needed. New lines are added down.
+ into multiple lines as needed. New lines are added below.
<dt><dfn id=flex-flow-wrap-left>wrap-left</dfn>
@@ -586,7 +586,7 @@
</dl>
<p>Not all combinaiton of main-axis direction and flow direction are
- allowed, because some combinations don't make sense(for example
+ allowed, because some combinations don't make sense (for example
"flex-flow: horizontal wrap-right" is not possible).
<div class=example>
@@ -724,12 +724,12 @@
each axis.</p>
</div>
- <p>Flexbox layout then sums the <dfn id=preflex-size>preflex size</dfn> of
- the lengths in each set. The <a href="#preflex-size"><i>preflex
+ <p>Flexbox layout then sums the <dfn id=pre-flex-size>pre-flex size</dfn>
+ of the lengths in each set. The <a href="#pre-flex-size"><i>pre-flex
size</i></a> of an inflexible length is just the length itself. The <a
- href="#preflex-size"><i>preflex size</i></a> of a flexible length is its
- <i>preferred size</i>. If the sum of all the <a href="#preflex-size"><i
- title="preflex size">preflex sizes</i></a> is less than the available
+ href="#pre-flex-size"><i>pre-flex size</i></a> of a flexible length is its
+ <i>preferred size</i>. If the sum of all the <a href="#pre-flex-size"><i
+ title="pre-flex size">pre-flex sizes</i></a> is less than the available
width/height of the flexbox, then the difference is split up among all the
<i title="flexible length">flexible lengths</i> with <dfn
id=positive-flexibility>positive flexibility</dfn>, with the space divvied
@@ -848,7 +848,7 @@
<p class=issue>Note change from previous draft: default/unspecified are the
initial values: still ‘<code class=property>auto</code>’ for
- width/height, 0 if it is ever applied to margings and padding; 0 for
+ width/height, 0 if it is ever applied to margins and padding; 0 for
positive flexibility (was 1 in previous draft).
<p class=note>Note that, while ‘<code class=css>0</code>’
@@ -2282,7 +2282,7 @@
<li>positive flexibility, <a href="#positive-flexibility" title="positive
flexibility"><strong>6.1.</strong></a>
- <li>preflex size, <a href="#preflex-size" title="preflex
+ <li>pre-flex size, <a href="#pre-flex-size" title="pre-flex
size"><strong>6.1.</strong></a>
<li>relevant length, <a href="#relevant-length" title="relevant
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.31
retrieving revision 1.32
diff -u -d -r1.31 -r1.32
--- Overview.src.html 19 Aug 2011 18:13:49 -0000 1.31
+++ Overview.src.html 19 Aug 2011 18:17:14 -0000 1.32
@@ -54,7 +54,7 @@
<h2 id="overview">
Overview</h2>
- <p>CSS 2.1 defined four layout modes, algorithms which determine the size and position of boxes based on their relationships with their sibling and ancestor boxes: block layout, designed for laying out documents and simple applications, inline layout, designed for laying out text, table layout, designed for laying out information in a tabular format, and positioned layout, designed for very explicit positioning without much regard for other elements in the document. This module introduces a new layout mode, flexbox layout, which is designed for laying out more complex applications and webpages.</p>
+ <p>CSS 2.1 defined four layout modes — algorithms which determine the size and position of boxes based on their relationships with their sibling and ancestor boxes: block layout, designed for laying out documents and simple applications; inline layout, designed for laying out text; table layout, designed for laying out information in a tabular format; and positioned layout, designed for very explicit positioning without much regard for other elements in the document. This module introduces a new layout mode, flexbox layout, which is designed for laying out more complex applications and webpages.</p>
<p>Flexbox layout is superficially similar to block layout. It lacks many of the more complex text or document-formatting properties that can be used in block layout, such as 'float' and 'columns', but in return it gains more simple and powerful tools for aligning its contents in ways that webapps and complex web pages often need. </p>
@@ -271,13 +271,13 @@
<dd>Flow of <i>flexbox item</i>s is wrapped into multiple lines as needed. New lines are added to the right.</dd>
<dt><dfn id='flex-flow-wrap-down'>wrap-down</dfn></dt>
- <dd>Flow of <i>flexbox item</i>s is wrapped into multiple lines as needed. New lines are added down.</dd>
+ <dd>Flow of <i>flexbox item</i>s is wrapped into multiple lines as needed. New lines are added below.</dd>
<dt><dfn id='flex-flow-wrap-left'>wrap-left</dfn></dt>
<dd>Flow of <i>flexbox item</i>s is wrapped into multiple lines as needed. New lines are added to the left.</dd>
</dl>
- <p>Not all combinaiton of main-axis direction and flow direction are allowed, because some combinations don't make sense(for example "flex-flow: horizontal wrap-right" is not possible).</p>
+ <p>Not all combinaiton of main-axis direction and flow direction are allowed, because some combinations don't make sense (for example "flex-flow: horizontal wrap-right" is not possible).</p>
<div class="example">
<p>Some examples of valid flows:</p>
@@ -368,7 +368,7 @@
<p class="caption issue">TODO: Diagram showing the relevant lengths in each axis.</p>
</div>
- <p>Flexbox layout then sums the <dfn>preflex size</dfn> of the lengths in each set. The <i>preflex size</i> of an inflexible length is just the length itself. The <i>preflex size</i> of a flexible length is its <i>preferred size</i>. If the sum of all the <i title="preflex size">preflex sizes</i> is less than the available width/height of the flexbox, then the difference is split up among all the <i title="flexible length">flexible lengths</i> with <dfn>positive flexibility</dfn>, with the space divvied up proportionally to the flexibility of each length. If the sum is greater than the available width/height, then all the <i title="flexible length">flexible lengths</i> with <dfn>negative flexibility</dfn> shrink in proportion to their flexibility to try and make the sum equal the available width/height.</p>
+ <p>Flexbox layout then sums the <dfn>pre-flex size</dfn> of the lengths in each set. The <i>pre-flex size</i> of an inflexible length is just the length itself. The <i>pre-flex size</i> of a flexible length is its <i>preferred size</i>. If the sum of all the <i title="pre-flex size">pre-flex sizes</i> is less than the available width/height of the flexbox, then the difference is split up among all the <i title="flexible length">flexible lengths</i> with <dfn>positive flexibility</dfn>, with the space divvied up proportionally to the flexibility of each length. If the sum is greater than the available width/height, then all the <i title="flexible length">flexible lengths</i> with <dfn>negative flexibility</dfn> shrink in proportion to their flexibility to try and make the sum equal the available width/height.</p>
<p>The 'flex-pack' and 'flex-align' properties offer additional options for free-space distribution. The precise details of how free space is determined and assigned to flexible lengths is detailed in a later chapter.</p>
@@ -424,7 +424,7 @@
<dd>The "flex()" function is invalid.</dd>
</dl>
- <p class="issue">Note change from previous draft: default/unspecified are the initial values: still 'auto' for width/height, 0 if it is ever applied to margings and padding; 0 for positive flexibility (was 1 in previous draft).</p>
+ <p class="issue">Note change from previous draft: default/unspecified are the initial values: still 'auto' for width/height, 0 if it is ever applied to margins and padding; 0 for positive flexibility (was 1 in previous draft).</p>
<p class='note'>Note that, while ''0'' <length> is normally allowed to be specified without a unit suffix, in flex() function it is ambiguous, as it is also an acceptable value for flexibility. All ambiguous cases are resolved with preference to flexibility, thus unitless "0" can only be applied to <em>preferred size </em>when three vaues are specified and "0" is the last one.</p>
Received on Friday, 19 August 2011 18:17:17 UTC