@@ -37,7 +37,7 @@ WPT Path Prefix: css/css-flexbox/
3737</pre>
3838
3939<pre class='link-defaults'>
40- spec: css2 ; type: property
40+ spec: css21 ; type: property
4141 text: margin
4242 text: min-width
4343 text: max-width
@@ -51,6 +51,9 @@ spec: css-sizing-3;
5151 text: max-content
5252 text: fit-content
5353 type: property; text: box-sizing
54+ type:dfn;
55+ text: width
56+ text: height
5457spec: css-align-3;
5558 type: value; text: start
5659 type:dfn; text:alignment baseline
@@ -85,8 +88,8 @@ ol.continue > li { position: relative; counter-increment: list; }
8588ol.layout-start > li::before,
8689ol.continue > li::before { content: counter(list) "."; position: absolute; left: -4.5em; width: 4em; text-align: right; }
8790.compact, .compact li {
88- margin-top: 0;
89- margin-bottom: 0;
91+ margin-top: 0;
92+ margin-bottom: 0;
9093}
9194
9295/* Overview catalog example */
@@ -748,7 +751,7 @@ Absolutely-Positioned Flex Children</h3>
748751 assuming both the child and the flex container
749752 were fixed-size boxes of their used size.
750753 (For this purpose,
751- the child's 'margin/auto' ' margins are treated as zero.)
754+ the child's '' margin/auto'' margins are treated as zero.)
752755
753756 <wpt>
754757 abspos/abspos-autopos-htb-ltr.html
@@ -1685,9 +1688,9 @@ Basic Values of 'flex'</h4>
16851688 except that flex items are not allowed to shrink,
16861689 even in overflow situations.
16871690
1688- <dt> ''flex: << number [1,∞]> >''
1691+ <dt> ''flex: < number [1,∞]>''
16891692 <dd>
1690- Equivalent to ''flex: << number [1,∞]> > 1 0'' .
1693+ Equivalent to ''flex: < number [1,∞]> 1 0'' .
16911694 Makes the flex item flexible and sets the <a>flex basis</a> to zero,
16921695 resulting in an item that receives the specified proportion of the free space in the flex container.
16931696 If all items in the flex container use this pattern,
@@ -1980,7 +1983,7 @@ Axis Alignment: the 'justify-content' property</h3>
19801983 <a>Flex items</a> are evenly distributed in the line.
19811984 If the leftover free-space is negative
19821985 or there is only a single <a>flex item</a> on the line,
1983- this value falls back to <a value for=justify-content> safe flex-start</a> .
1986+ this value falls back to '' safe flex-start'' .
19841987 Otherwise,
19851988 the <a>main-start</a> margin edge of the first <a>flex item</a> on the line
19861989 is placed flush with the <a>main-start</a> edge of the line,
@@ -1995,7 +1998,7 @@ Axis Alignment: the 'justify-content' property</h3>
19951998 with half-size spaces on either end.
19961999 If the leftover free-space is negative or
19972000 there is only a single <a>flex item</a> on the line,
1998- this value falls back to <a value for=justify-content> safe center</a> .
2001+ this value falls back to '' safe center'' .
19992002 Otherwise, the <a>flex items</a> on the line are distributed
20002003 such that the spacing between any two adjacent <a>flex items</a> on the line is the same,
20012004 and the spacing between the first/last <a>flex items</a> and the <a>flex container</a> edges
@@ -2209,7 +2212,7 @@ Packing Flex Lines: the 'align-content' property</h3>
22092212 Lines are evenly distributed in the flex container.
22102213 If the leftover free-space is negative
22112214 or there is only a single <a>flex line</a> in the flex container,
2212- this value falls back to <a value for=align-content> safe flex-start</a> .
2215+ this value falls back to '' safe flex-start'' .
22132216 Otherwise,
22142217 the <a>cross-start</a> edge of the first line in the flex container
22152218 is placed flush with the <a>cross-start</a> content edge of the flex container,
@@ -2223,7 +2226,7 @@ Packing Flex Lines: the 'align-content' property</h3>
22232226 Lines are evenly distributed in the flex container,
22242227 with half-size spaces on either end.
22252228 If the leftover free-space is negative
2226- this value falls back to <a value for=align-content> safe center</a> .
2229+ this value falls back to '' safe center'' .
22272230 Otherwise, the lines in the flex container are distributed
22282231 such that the spacing between any two adjacent lines is the same,
22292232 and the spacing between the first/last lines and the <a>flex container</a> edges
@@ -2233,7 +2236,7 @@ Packing Flex Lines: the 'align-content' property</h3>
22332236 <dd>
22342237 Lines stretch to take up the remaining space.
22352238 If the leftover free-space is negative,
2236- this value falls back to <a value for=align-content> safe flex-start</a> .
2239+ this value falls back to '' safe flex-start'' .
22372240 Otherwise,
22382241 the free-space is split equally between all of the lines,
22392242 increasing their cross size.
@@ -2885,7 +2888,7 @@ Flex Container Intrinsic Main Sizes</h4>
28852888 to the extent allowed by the items’ flexibility.
28862889
28872890 The <strong> [=min-content=] [=main size=] of a <a>flex container</a> </strong>
2888- is, theoretically, the smallest size the [=flex container can take=]
2891+ is, theoretically, the smallest size the [=flex container=] can take
28892892 such that no items overflow it,
28902893 and no item's contents overflow the item--
28912894 setting aside the cases in which the boxes layouts are <em> defined</em> to overflow
@@ -3722,7 +3725,7 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
37223725 <ul>
37233726 <li id="change-2018-static-pos-align-content">
37243727 Use the [=content edges=] of the [=flex container=]
3725- for determining the [=static position rectangle=] of flex container children,
3728+ for determining the [=static- position rectangle=] of flex container children,
37263729 rather than doing extra layout work.
37273730 This will result in ignoring 'align-content' on the flex container,
37283731 but allow 'align-self' on the box itself to still take effect.
@@ -3826,7 +3829,7 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
38263829
38273830 <blockquote>
38283831 <p><strong> Determine the hypothetical cross size of each item</strong>
3829- by performing layout <ins> as if it were an [=in-flow=] [=block-level box=]
3832+ by performing layout <ins> as if it were an [=in-flow=] [=block-level box=] </ins>
38303833 with the used <a>main size</a> and the <ins> given</ins> available space …
38313834 </blockquote>
38323835
@@ -4165,7 +4168,7 @@ Substantive Changes and Bugfixes</h4>
41654168 to the product of its <a>flex grow factor</a>
41664169 (or <a>scaled flex shrink factor</a> , if the chosen <var> max-content flex fraction</var> was negative)
41674170 and the chosen <var> max-content flex fraction</var> ,
4168- then clamp that result<ins> ing item size according to</ins> <del> by</ins >
4171+ then clamp that result<ins> ing item size according to</ins> <del> by</del >
41694172 the max <ins> and min</ins> main size propert<del> y</del><ins> ies</ins> .
41704173 </p>
41714174 </blockquote>
@@ -4242,8 +4245,8 @@ Substantive Changes and Bugfixes</h4>
42424245 Lines are evenly distributed in the flex container.
42434246 If the leftover free-space is negative
42444247 <ins> or there is only a single <a>flex line</a> in the flex container,</ins>
4245- this value is identical to <a value for=align-content>flex-start</a> .
4246- </blockquote>
4248+ this value is identical to <a value for=align-content>flex-start</a> .
4249+ </blockquote>
42474250 <li id="change-2016-axis-error">
42484251 Fixed error in <a href="#axis-mapping">axis mapping table</a> .
42494252 (<a href="https://github.com/w3c/csswg-drafts/issues/205">Issue 205</a> )
@@ -4512,7 +4515,6 @@ Substantive Changes and Bugfixes</h4>
45124515 clamped by its <a>flex base size</a> as a maximum (if it is not growable)
45134516 and/or as a minimum (if it is not shrinkable),
45144517 and then further clamped by its <a lt="min main size property">min</a> /<a>max main size properties</a> </ins> .</p>
4515- </ins>
45164518 </blockquote>
45174519 <li id="change-2015-intrinsic-main-container">
45184520 Correct errors in <a>flex container</a> main-axis intrinsic sizing.
@@ -4937,7 +4939,7 @@ Substantive Changes and Bugfixes</h4>
49374939 the main size must be treated as definite for the purpose of resolving the percentage,
49384940 and the percentage must resolve against the flexed main size of the flex item
49394941 (that is, after the layout algorithm below has been completed for the flex item’s flex container,
4940- and the flex item has acquired its final size).
4942+ and the flex item has acquired its final size).</p>
49414943 </ins>
49424944 </blockquote>
49434945
0 commit comments