- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Wed, 18 Jan 2012 00:10:24 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv8718
Modified Files:
Overview.html Overview.src.html
Log Message:
Added flex-pack:distribute, based on mailing list discussion.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.91
retrieving revision 1.92
diff -u -d -r1.91 -r1.92
--- Overview.html 14 Jan 2012 00:37:44 -0000 1.91
+++ Overview.html 18 Jan 2012 00:10:22 -0000 1.92
@@ -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, 14 January 2012</h2>
+ <h2 class="no-num no-toc" id=w3c-working>Editor's Draft, 18 January 2012</h2>
<dl>
<dt>This version:
- <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120114/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120114/</a>-->
+ <!--<dd><a href="http://www.w3.org/TR/2012/ED-css3-flexbox-20120118/">http://www.w3.org/TR/2012/ED-css3-flexbox-20120118/</a>-->
<dd><a
@@ -1063,7 +1063,7 @@
<tr>
<th><a href="http://dev.w3.org/csswg/css-module/#values">Value</a>:
- <td>start | end | center | justify
+ <td>start | end | center | justify | distribute
<tr>
<th>Initial:
@@ -1149,6 +1149,20 @@
line, and the remaining <a href="#flexbox-item"><i>flexbox items</i></a>
on the line are distributed so that the empty space between any two
adjacent items is the same.
+
+ <dt><dfn id=flex-pack-distribute>distribute</dfn>
+
+ <dd><i>Flexbox items are evenly distributed in the line, with half-size
+ spaces on either end. If the leftover free-space is negative or there is
+ only a single <a href="#flexbox-item"><i>flexbox item</i></a> on the
+ line, this value is identical to ‘<a
+ href="#flex-line-pack-center"><code class=css>center</code></a>’.
+ Otherwise, the <a href="#flexbox-item"><i>flexbox items</i></a> on the
+ line are distributed such that the empty space between any two adjacent
+ <a href="#flexbox-item"><i>flexbox items</i></a> on the line is the same,
+ and the empty space before the first and after the last <a
+ href="#flexbox-item"><i>flexbox items</i></a> on the line are half the
+ size of the other empty spaces.</i>
</dl>
<div class=example>
@@ -2195,7 +2209,7 @@
<tr>
<th><a class=property href="#flex-pack0">flex-pack</a>
- <td>start | end | center | justify
+ <td>start | end | center | justify | distribute
<td>start
@@ -2269,6 +2283,9 @@
<li>cross-start, <a href="#cross-start"
title=cross-start><strong>2.</strong></a>
+ <li>distribute, <a href="#flex-pack-distribute"
+ title=distribute><strong>5.1.</strong></a>
+
<li>distribute the free space, <a href="#distribute-the-free-space"
title="distribute the free space"><strong>7.</strong></a>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.91
retrieving revision 1.92
diff -u -d -r1.91 -r1.92
--- Overview.src.html 14 Jan 2012 00:37:44 -0000 1.91
+++ Overview.src.html 18 Jan 2012 00:10:22 -0000 1.92
@@ -481,7 +481,7 @@
<td><dfn>flex-pack</dfn>
<tr>
<th><a href="http://dev.w3.org/csswg/css-module/#values">Value</a>:
- <td>start | end | center | justify
+ <td>start | end | center | justify | distribute
<tr>
<th>Initial:
<td>start
@@ -513,6 +513,9 @@
<dt><dfn id='flex-pack-justify'>justify</dfn></dt>
<dd><i>Flexbox items</i> are evenly distributed in the line. If the leftover free-space is negative or there is only a single <i>flexbox item</i> on the line, this value is identical to ''start''. Otherwise, the <i>main-start</i> margin edge of the first <i>flexbox item</i> on the line is placed flush with the <i>main-start</i> edge of the line, the <i>main-end</i> margin edge of the last <i>flexbox item</i> on the line is placed flush with the <i>main-end</i> edge of the line, and the remaining <i>flexbox items</i> on the line are distributed so that the empty space between any two adjacent items is the same.</dd>
+
+ <dt><dfn id='flex-pack-distribute'>distribute</dfn></dt>
+ <dd><i>Flexbox items are evenly distributed in the line, with half-size spaces on either end. If the leftover free-space is negative or there is only a single <i>flexbox item</i> on the line, this value is identical to ''center''. Otherwise, the <i>flexbox items</i> on the line are distributed such that the empty space between any two adjacent <i>flexbox items</i> on the line is the same, and the empty space before the first and after the last <i>flexbox items</i> on the line are half the size of the other empty spaces.</dd>
</dl>
<div class=example>
Received on Wednesday, 18 January 2012 00:10:30 UTC