Skip to content

Commit 736fd18

Browse files
committed
[css-flexbox-1][editorial] markup fixes
1 parent d228964 commit 736fd18

File tree

1 file changed

+21
-19
lines changed

1 file changed

+21
-19
lines changed

css-flexbox-1/Overview.bs

+21-19
Original file line numberDiff line numberDiff line change
@@ -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
5457
spec: 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; }
8588
ol.layout-start > li::before,
8689
ol.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,&infin;]>>''
1691+
<dt>''flex: &lt;number [1,&infin;]>''
16891692
<dd>
1690-
Equivalent to ''flex: <<number [1,&infin;]>> 1 0''.
1693+
Equivalent to ''flex: &lt;number [1,&infin;]> 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 &hellip;
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

Comments
 (0)