Skip to content

Commit 1a050b1

Browse files
committed
[css-flexbox-1][editorial] Fixed "cross size" references
1 parent d1c88e9 commit 1a050b1

File tree

1 file changed

+19
-19
lines changed

1 file changed

+19
-19
lines changed

css-flexbox-1/Overview.bs

Lines changed: 19 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1150,7 +1150,7 @@ Collapsed Items</h3>
11501150
is guaranteed to have no effect on its <a>cross size</a>
11511151
and won't cause the rest of the page's layout to "wobble".
11521152
Flex line wrapping <em>is</em> re-done after collapsing, however,
1153-
so the cross-size of a flex container with multiple lines might or might not change.
1153+
so the cross size of a flex container with multiple lines might or might not change.
11541154

11551155
Though [=collapsed flex items=] aren't rendered,
11561156
they do appear in the <a href="https://www.w3.org/TR/CSS2/intro.html#formatting-structure">formatting structure</a>.
@@ -1255,7 +1255,7 @@ Collapsed Items</h3>
12551255

12561256
To compute the size of the strut, flex layout is first performed with all items uncollapsed,
12571257
and then re-run with each [=collapsed flex item=] replaced by a strut that maintains
1258-
the original cross-size of the item's original line.
1258+
the original [=cross size=] of the item's original line.
12591259
See the <a href="#layout-algorithm">Flex Layout Algorithm</a>
12601260
for the normative definition of how ''visibility:collapse''
12611261
interacts with flex layout.
@@ -3899,11 +3899,11 @@ Cross Size Determination</h3>
38993899
find the largest outer <a>hypothetical cross size</a>.
39003900

39013901
<li>
3902-
The used cross-size of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
3902+
The used <a>cross size</a> of the <a>flex line</a> is the largest of the numbers found in the previous two steps and zero.
39033903

39043904
If the flex container is <a>single-line</a>,
39053905
then clamp the line's cross-size to be within
3906-
the container's computed min and max <a>cross sizes</a>.
3906+
the container's computed min and max cross sizes.
39073907
<span class='note'>Note that if CSS 2.1's definition of min/max-width/height applied more generally,
39083908
this behavior would fall out automatically.</span>
39093909
</ol>
@@ -3921,7 +3921,7 @@ Cross Size Determination</h3>
39213921

39223922
<li id='algo-line-stretch'>
39233923
<strong>Handle 'align-content: stretch'.</strong>
3924-
If the flex container has a <a>definite</a> cross size,
3924+
If the flex container has a <a>definite</a> <a>cross size</a>,
39253925
'align-content' is <a value for=align-content>stretch</a>,
39263926
and the sum of the flex lines' cross sizes is less than the flex container's inner cross size,
39273927
increase the cross size of each flex line by equal amounts
@@ -3930,7 +3930,7 @@ Cross Size Determination</h3>
39303930
<li id='algo-visibility'>
39313931
<strong>Collapse ''visibility:collapse'' items.</strong>
39323932
If any flex items have ''visibility: collapse'',
3933-
note the cross size of the line they're in as the item's |strut size|,
3933+
note the <a>cross size</a> of the line they're in as the item's |strut size|,
39343934
and restart layout from the beginning.
39353935

39363936
In this second layout round,
@@ -3960,7 +3960,7 @@ Cross Size Determination</h3>
39603960
its computed cross size property is <a value for=width>auto</a>,
39613961
and neither of its cross-axis margins are <a value for=margin>auto</a>,
39623962
the used outer cross size is the used cross size of its flex line,
3963-
clamped according to the item's used min and max <a>cross sizes</a>.
3963+
clamped according to the item's used min and max [=cross size|cross sizes=].
39643964
Otherwise,
39653965
the used cross size is the item's <a>hypothetical cross size</a>.
39663966

@@ -4540,13 +4540,13 @@ Flex Container Intrinsic Cross Sizes</h4>
45404540
For a <em><a>multi-line</a></em> <a>flex container</a>,
45414541
the behavior depends on whether it's a row or column flexbox:
45424542

4543-
: ''flex-direction/row'' [=multi-line=] [=flex container=] [=cross-size=]
4543+
: ''flex-direction/row'' [=multi-line=] [=flex container=] [=cross size=]
45444544
:: The <a>min-content</a>/<a>max-content</a> <a>cross size</a>
45454545
is the sum of the flex line cross sizes
45464546
resulting from sizing the flex container
45474547
under a <a>cross-axis</a> <a>min-content constraint</a>/<a>max-content constraint</a> (respectively).
45484548

4549-
: ''flex-direction/column'' [=multi-line=] [=flex container=] [=cross-size=]
4549+
: ''flex-direction/column'' [=multi-line=] [=flex container=] [=cross size=]
45504550
:: The [=min-content=] [=cross size=]
45514551
is the largest [=min-content contribution=] among all of its [=flex items=].
45524552

@@ -4559,10 +4559,10 @@ Flex Container Intrinsic Cross Sizes</h4>
45594559
it will at least be large enough to fit
45604560
any given column entirely within its [=scrollport=].
45614561

4562-
The [=max-content=] [=cross size=] is the sum of the [=flex line=] [=cross sizes=]
4562+
The [=max-content=] [=cross size=] is the sum of the [=flex line=] cross sizes
45634563
resulting from sizing the [=flex container=]
45644564
under a <a>cross-axis</a> <a>max-content constraint</a>,
4565-
using the largest <a lt="max-content contribution">max-content</a> <a>cross-size</a> contribution among the <a>flex items</a>
4565+
using the largest <a lt="max-content contribution">max-content</a> cross-size contribution among the <a>flex items</a>
45664566
as the <a>available space</a> in the <a>cross axis</a>
45674567
for each of the <a>flex items</a> during layout.
45684568

@@ -5395,13 +5395,13 @@ Changes since the <a href="https://www.w3.org/TR/2018/CR-css-flexbox-1-20181119/
53955395
<li>
53965396
If the cross size property is a <a>definite</a> size,
53975397
use that,
5398-
clamped by the used min and max <a>cross sizes</a>
5398+
clamped by the used min and max [=cross size|cross sizes=]
53995399
of the <a>flex container</a>.
54005400

54015401
<li>
54025402
Otherwise,
54035403
use the sum of the flex lines' cross sizes,
5404-
clamped by the used min and max <a>cross sizes</a>
5404+
clamped by the used min and max [=cross size|cross sizes=]
54055405
of the <a>flex container</a>.
54065406
</ul>
54075407
</del>
@@ -6103,7 +6103,7 @@ Substantive Changes and Bugfixes</h4>
61036103
However, if the <a>flex container</a> is ''flex-flow: column wrap;'',
61046104
then it's sized by first finding the largest
61056105
<a lt="min-content contribution">min-content</a>/<a lt="min-content contribution">max-content</a>
6106-
<a>cross-size</a> contribution among the <a>flex items</a> (respectively),
6106+
cross-size contribution among the <a>flex items</a> (respectively),
61076107
then using that size as the <a>available space</a> in the <a>cross axis</a>
61086108
for each of the <a>flex items</a> during layout.</p>
61096109

@@ -6284,7 +6284,7 @@ Substantive Changes and Bugfixes</h4>
62846284
<p>If the flex container <del>has only one flex line
62856285
(even if it's a multi-line flex container),</del>
62866286
<ins>is <a>single-line</a>,</ins>
6287-
then clamp the line's cross-size to be within the container's computed min and max cross-size properties.
6287+
then clamp the line's <a>cross size</a> to be within the container's computed min and max cross-size properties.
62886288
</blockquote>
62896289

62906290
<li id="change-201409-algo-breaks">
@@ -6496,13 +6496,13 @@ Substantive Changes and Bugfixes</h4>
64966496
<blockquote>
64976497
<ul>
64986498
<li>
6499-
The used cross-size of the <a>flex line</a> is
6499+
The used <a>cross size</a> of the <a>flex line</a> is
65006500
the largest of the numbers found in the previous two steps
65016501
and zero.
65026502

65036503
<p><ins>If the flex container has only one flex line
65046504
(even if it's a multi-line flex container),
6505-
then clamp the line's cross-size to be within the container's computed min and max cross-size properties.
6505+
then clamp the line's <a>cross size</a> to be within the container's computed min and max cross-size properties.
65066506
<span class='note'>Note that if CSS 2.1's definition of min/max-width/height applied more generally,
65076507
this behavior would fall out automatically.</span></ins>
65086508
</ul>
@@ -6770,7 +6770,7 @@ Substantive Changes and Bugfixes</h4>
67706770
Flex lines have their size floored at 0.
67716771
(<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-2">Issue 2</a>)
67726772
<blockquote>
6773-
<p>The used cross-size of the flex line is the <del>larger</del> <ins>largest</ins>
6773+
<p>The used <a>cross size</a> of the <a>flex line</a> is the <del>larger</del> <ins>largest</ins>
67746774
of the numbers found in the previous two steps<ins> and zero</ins>.
67756775
</blockquote>
67766776
<li id="change-2012-atomic-painting">
@@ -6955,7 +6955,7 @@ Clarifications</h4>
69556955
<li id="clarify-2012-stretch-computed-auto">
69566956
Clarify that <a value for=align-self>stretch</a> checks for the <em>computed</em>
69576957
value of the cross-size property being <a value for=width>auto</a>,
6958-
which means that percentage cross-sizes that behave as <a value for=width>auto</a>
6958+
which means that percentage [=cross size|cross sizes=] that behave as <a value for=width>auto</a>
69596959
(because they don't resolve against definite sizes) aren't stretched.
69606960
(<a href="https://drafts.csswg.org/css-flexbox-1/issues-cr-2012#issue-5">Issue 5</a>)
69616961
<blockquote>

0 commit comments

Comments
 (0)