- From: Tab Atkins Jr.. via cvs-syncmail <cvsmail@w3.org>
- Date: Fri, 27 Jan 2012 02:35:05 +0000
- To: public-css-commits@w3.org
Update of /sources/public/csswg/css3-flexbox
In directory hutz:/tmp/cvs-serv7878
Modified Files:
Overview.html Overview.src.html
Log Message:
Reorg the flex() section to remove nesting, since there's only one section there now.
Index: Overview.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.html,v
retrieving revision 1.120
retrieving revision 1.121
diff -u -d -r1.120 -r1.121
--- Overview.html 27 Jan 2012 02:32:58 -0000 1.120
+++ Overview.html 27 Jan 2012 02:35:03 -0000 1.121
@@ -206,11 +206,8 @@
the ‘<code class=property>flex-order</code>’ property</a>
</ul>
- <li><a href="#flexibility"><span class=secno>4. </span> Flexibility</a>
- <ul class=toc>
- <li><a href="#flex-notation"><span class=secno>4.1. </span> The
- ‘<code class=css>flex()</code>’ notation</a>
- </ul>
+ <li><a href="#flexibility"><span class=secno>4. </span> Flexibility: the
+ ‘<code class=css>flex()</code>’ notation</a>
<li><a href="#alignment"><span class=secno>5. </span> Alignment</a>
<ul class=toc>
@@ -1047,19 +1044,18 @@
intelligent wrapping left as an exercise for the reader.)</small></p>
</div>
- <h2 id=flexibility><span class=secno>4. </span> Flexibility</h2>
+ <h2 id=flexibility><span class=secno>4. </span> Flexibility: the
+ ‘<code class=css>flex()</code>’ notation</h2>
<p>The defining aspect of flexbox layout is the ability to make the <a
href="#flexbox-item"><i>flexbox items</i></a> "flex", altering their width
- or height to fill the available space. This is done by declaring a <dfn
- id=flexible-length>flexible length</dfn> with the ‘<code
- class=css>flex()</code>’ notation, defined below.
-
- <h3 id=flex-notation><span class=secno>4.1. </span> The ‘<code
- class=css>flex()</code>’ notation</h3>
+ or height to fill the available space. This is done by setting an
+ element's ‘<code class=property>width</code>’ or ‘<code
+ class=property>height</code>’ to a <a
+ href="#flexible-length"><i>flexible length</i></a> value.
<p>The ‘<code class=css>flex()</code>’ notation is used to
- specify the parameters of a <dfn id=flexible-length0
+ specify the parameters of a <dfn id=flexible-length
title="flexible length|flexible lengths|flexible length's">flexible
length</dfn>: the <dfn id=positive-flexibility
title="positive flexibility">positive</dfn> and <dfn
@@ -2531,8 +2527,8 @@
<li>fix min size violations, <a href="#fix-size-constraint-violations"
title="fix min size violations"><strong>7.</strong></a>
- <li><flex>, <a href="#ltflex"
- title="<flex>"><strong>4.1.</strong></a>
+ <li><flex>, <a href="#ltflex" title="<flex>"><strong>4.</strong></a>
+
<li>flex-align, <a href="#flex-align0"
title=flex-align><strong>5.2.</strong></a>
@@ -2555,15 +2551,13 @@
title=flex-flow><strong>3.1.</strong></a>
<li>flexible length, <a href="#flexible-length"
- title="flexible length"><strong>4.</strong></a>, <a
- href="#flexible-length0"
- title="flexible length"><strong>4.1.</strong></a>
+ title="flexible length"><strong>4.</strong></a>
- <li>flexible lengths, <a href="#flexible-length0"
- title="flexible lengths"><strong>4.1.</strong></a>
+ <li>flexible lengths, <a href="#flexible-length"
+ title="flexible lengths"><strong>4.</strong></a>
- <li>flexible length's, <a href="#flexible-length0"
- title="flexible length's"><strong>4.1.</strong></a>
+ <li>flexible length's, <a href="#flexible-length"
+ title="flexible length's"><strong>4.</strong></a>
<li>flex-item-align, <a href="#flex-item-align"
title=flex-item-align><strong>5.2.</strong></a>
@@ -2608,16 +2602,16 @@
title=multi-line><strong>6.</strong></a>
<li>negative flexibility, <a href="#negative-flexibility"
- title="negative flexibility"><strong>4.1.</strong></a>
+ title="negative flexibility"><strong>4.</strong></a>
<li>no-wrap, <a href="#flex-flow-no-wrap"
title=no-wrap><strong>3.1.</strong></a>
<li>positive flexibility, <a href="#positive-flexibility"
- title="positive flexibility"><strong>4.1.</strong></a>
+ title="positive flexibility"><strong>4.</strong></a>
<li>preferred size, <a href="#preferred-size"
- title="preferred size"><strong>4.1.</strong></a>
+ title="preferred size"><strong>4.</strong></a>
<li>renderer, <a href="#renderer" title=renderer><strong>9.2.</strong></a>
Index: Overview.src.html
===================================================================
RCS file: /sources/public/csswg/css3-flexbox/Overview.src.html,v
retrieving revision 1.119
retrieving revision 1.120
diff -u -d -r1.119 -r1.120
--- Overview.src.html 27 Jan 2012 02:32:58 -0000 1.119
+++ Overview.src.html 27 Jan 2012 02:35:03 -0000 1.120
@@ -496,14 +496,10 @@
<h2 id='flexibility'>
-Flexibility</h2>
-
- <p>The defining aspect of flexbox layout is the ability to make the <i>flexbox items</i> "flex", altering their width or height to fill the available space. This is done by declaring a <dfn>flexible length</dfn> with the ''flex()'' notation, defined below.</p>
+Flexibility: the ''flex()'' notation</h2>
+ <p>The defining aspect of flexbox layout is the ability to make the <i>flexbox items</i> "flex", altering their width or height to fill the available space. This is done by setting an element's 'width' or 'height' to a <i>flexible length</i> value.</p>
-<h3 id='flex-notation'>
-The ''flex()'' notation</h3>
-
<p>The ''flex()'' notation is used to specify the parameters of a <dfn title="flexible length|flexible lengths|flexible length's">flexible length</dfn>: the <dfn id="positive-flexibility" title="positive flexibility">positive</dfn> and <dfn>negative flexibility</dfn>, and the <dfn>preferred size</dfn>. The syntax of the ''flex()'' notation is:</p>
<pre class=prod><dfn><flex></dfn> = flex( [ <pos-flex> <neg-flex>? ]? || <preferred-size>? )</pre>
Received on Friday, 27 January 2012 02:35:10 UTC