- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 06 Jan 2012 16:07:06 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv6786
Modified Files:
Overview.html Overview.src.html
Log Message:
Changed some lingering references of 'distribute' to 'justity'
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.86
retrieving revision 1.87
diff -u -d -r1.86 -r1.87
--- Overview.html 5 Jan 2012 22:56:29 -0000 1.86
+++ Overview.html 6 Jan 2012 16:07:03 -0000 1.87
@@ -20,11 +20,11 @@
<h1 id=head-box-flexible>CSS Flexible Box Layout Module</h1>
- <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 5 January 2012</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 6 January 2012</h2>
<dl>
<dt>This version:
- <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120105/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120105/</a>-->
+ <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120106/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120106/</a>-->
<dd><a
@@ -343,7 +343,7 @@
it:</p>
<pre>
-<p style="width: 500px; padding: 5px; display: flexbox; flex-pack: distribute; flex-align: center;">
+<p style="width: 500px; padding: 5px; display: flexbox; flex-pack: justify; flex-align: center;">
<button style="width: 200px;">Child 1<br>Another Line</button>
<button style="width: 100px;">Child 2</button>
<button style="width: 100px;">Child 3</button>
@@ -532,15 +532,15 @@
href="#main-axis"><i>main axis</i></a> is based on the value of ‘<a
href="#flex-pack0"><code class=property>flex-pack</code></a>’: if
the value is ‘<a href="#flex-line-pack-start"><code
- class=css>start</code></a>’ or ‘<code
- class=css>distribute</code>’, it's flush with the <a
- href="#main-start"><i>main-start</i></a> edge of the flexbox's content
- box; if the value is ‘<a href="#flex-line-pack-end"><code
- class=css>end</code></a>’, it's flush with the <a
- href="#main-end"><i>main-end</i></a> edge of the flexbox's content box; if
- the value is ‘<a href="#flex-line-pack-center"><code
- class=css>center</code></a>’, it's centered within the flexbox's
- content box.
+ class=css>start</code></a>’ or ‘<a
+ href="#flex-line-pack-justify"><code class=css>justify</code></a>’,
+ it's flush with the <a href="#main-start"><i>main-start</i></a> edge of
+ the flexbox's content box; if the value is ‘<a
+ href="#flex-line-pack-end"><code class=css>end</code></a>’, it's
+ flush with the <a href="#main-end"><i>main-end</i></a> edge of the
+ flexbox's content box; if the value is ‘<a
+ href="#flex-line-pack-center"><code class=css>center</code></a>’,
+ it's centered within the flexbox's content box.
<h2 id=ordering-orientation><span class=secno>3. </span> Ordering and
Orientation</h2>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.86
retrieving revision 1.87
diff -u -d -r1.86 -r1.87
--- Overview.src.html 5 Jan 2012 22:56:29 -0000 1.86
+++ Overview.src.html 6 Jan 2012 16:07:03 -0000 1.87
@@ -85,7 +85,7 @@
<p>For example, the following HTML snippet declares a flexbox with a few children. The flexbox is horizontal, and the children's widths don't fill the flexbox's width, so the additional space is distributed between the children. The flexbox's height isn't explicitly specified, so it shrinks to the height of its tallest child and centers the other children within it:</p>
<pre>
-<p style="width: 500px; padding: 5px; display: flexbox; flex-pack: distribute; flex-align: center;">
+<p style="width: 500px; padding: 5px; display: flexbox; flex-pack: justify; flex-align: center;">
<button style="width: 200px;">Child 1<br>Another Line</button>
<button style="width: 100px;">Child 2</button>
<button style="width: 100px;">Child 3</button>
@@ -200,7 +200,7 @@
<p>First, find the element's <dfn>hypothetical neighbors</dfn> by assuming that the element is a normal <i>flexbox item</i> with ''flex-order:0'', and reorder the flexbox's contents as mandated by 'flex-order'. The <i>flexbox items</i> immediately preceding and following the element in the flexbox's direction (if any) are the element's <i>hypothetical neighbors</i>.</p>
- <p>If the element has two neighbors, its static position in the <i>main axis</i> is exactly in the center of the packing space between them when the flexbox is actually laid out. If the element has only a preceding neighbor, its static position in the <i>main axis</i> is flush with the <i>main-end</i> edge of the margin box of the neighbor. If the element has only a following neighbor, its static position in the <i>main axis</i> is flush with the <i>main-start</i> edge of the margin box of the neighbor. Finally, if the element has no neighbors (the flexbox has no in-flow children at all), the static position in the <i>main axis</i> is based on the value of 'flex-pack': if the value is ''start'' or ''distribute'', it's flush with the <i>main-start</i> edge of the flexbox's content box; if the value is ''end'', it's flush with the <i>main-end</i> edge of the flexbox's content box; if the value is ''center'', it's centered within the flexbox's content box.</p>
+ <p>If the element has two neighbors, its static position in the <i>main axis</i> is exactly in the center of the packing space between them when the flexbox is actually laid out. If the element has only a preceding neighbor, its static position in the <i>main axis</i> is flush with the <i>main-end</i> edge of the margin box of the neighbor. If the element has only a following neighbor, its static position in the <i>main axis</i> is flush with the <i>main-start</i> edge of the margin box of the neighbor. Finally, if the element has no neighbors (the flexbox has no in-flow children at all), the static position in the <i>main axis</i> is based on the value of 'flex-pack': if the value is ''start'' or ''justify'', it's flush with the <i>main-start</i> edge of the flexbox's content box; if the value is ''end'', it's flush with the <i>main-end</i> edge of the flexbox's content box; if the value is ''center'', it's centered within the flexbox's content box.</p>
<h2 id='ordering-orientation'>
Ordering and Orientation</h2>
Received on Friday, 6 January 2012 16:07:08 UTC