Skip to content

Commit 680f6af

Browse files
committed
[css-flexbox][css-sizing] Consistently use 'available space' over 'available size'.
1 parent 011d0c6 commit 680f6af

File tree

4 files changed

+28
-28
lines changed

4 files changed

+28
-28
lines changed

css-flexbox/Overview.bs

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2298,15 +2298,15 @@ Line Length Determination</h3>
22982298
and the <a>flex item</a>’s intrinsic aspect ratio.
22992299

23002300
<li>
2301-
If the used <a>flex basis</a> is ''content'' or depends on its available size,
2301+
If the used <a>flex basis</a> is ''content'' or depends on its <a>available space</a>,
23022302
and the flex container is being sized under a min-content or max-content constraint
23032303
(e.g. when performing <a href="https://www.w3.org/TR/CSS2/tables.html#auto-table-layout">automatic table layout</a> [[!CSS21]]),
23042304
size the item under that constraint.
23052305
The <a>flex base size</a> is the item's resulting <a>main size</a>.
23062306

23072307
<li>
23082308
Otherwise,
2309-
if the used <a>flex basis</a> is ''content'' or depends on its available size,
2309+
if the used <a>flex basis</a> is ''content'' or depends on its <a>available space</a>,
23102310
the available main size is infinite,
23112311
and the flex item's inline axis is parallel to the main axis,
23122312
lay the item out using

css-sizing-3/Overview.bs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -95,22 +95,22 @@ Terminology</h2>
9595
A size that is not <a>definite</a>.
9696
An <a>indefinite</a> <a>available size</a> is essentially infinite.
9797

98-
<dt><dfn id="available" local-lt="available" lt="available size|available inline size|available block size|available space">available size</dfn>
98+
<dt><dfn id="available" local-lt="available" lt="available size|available inline size|available block size|available space">available space</dfn>
9999
<dd>
100100
The space into which a box is laid out.
101101
Unless otherwise specified, this is
102102
either a measurement of its <a>containing block</a> (if that is <a>definite</a>)
103103
or an infinite size (when it is <a>indefinite</a>).
104-
An <a>available size</a> can alternatively be either a
104+
<a>Available space</a> can alternatively be either a
105105
<a>min-content constraint</a> or
106106
a <a>max-content constraint</a>.
107107

108108
<!--
109109
<p>
110110
The space <a>available</a> to a box is determined by the formatting context in which it participates.
111111
In block, table, and inline formatting contexts [[!CSS21]],
112-
the <a>available size</a> is infinite in the block-axis dimension.
113-
<span class="issue">What, exactly, is the available size in the inline axis??? What about other formatting models?</span>
112+
the <a>available space</a> is infinite in the block-axis dimension.
113+
<span class="issue">What, exactly, is the available space in the inline axis??? What about other formatting models?</span>
114114
-->
115115

116116
<dt><dfn>fill-available fit</dfn>
@@ -140,7 +140,7 @@ Auto Box Sizes</h3>
140140
: <dfn>fill-available inline size</dfn>
141141
: <dfn>fill-available block size</dfn>
142142
:: Roughly, the <a>size</a> a box would take
143-
if it filled its <a>available size</a>
143+
if it filled its <a>available space</a>
144144
in the given axis.
145145
(See [[#extrinsic]].)
146146

@@ -193,7 +193,7 @@ Auto Box Sizes</h3>
193193
: <dfn>fit-content size</dfn>
194194
: <dfn>fit-content inline size</dfn>
195195
: <dfn>fit-content block size</dfn>
196-
:: If the <a>available size</a> in a given axis is finite,
196+
:: If the <a>available space</a> in a given axis is finite,
197197
equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>.
198198
Otherwise, equal to the <a>max-content size</a> in that axis.
199199

css-sizing/Overview.bs

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -95,22 +95,22 @@ Terminology</h2>
9595
A size that is not <a>definite</a>.
9696
An <a>indefinite</a> <a>available size</a> is essentially infinite.
9797

98-
<dt><dfn id="available" local-lt="available" lt="available size|available inline size|available block size|available space">available size</dfn>
98+
<dt><dfn id="available" local-lt="available" lt="available size|available inline size|available block size|available space">available space</dfn>
9999
<dd>
100100
The space into which a box is laid out.
101101
Unless otherwise specified, this is
102102
either a measurement of its <a>containing block</a> (if that is <a>definite</a>)
103103
or an infinite size (when it is <a>indefinite</a>).
104-
An <a>available size</a> can alternatively be either a
104+
<a>Available space</a> can alternatively be either a
105105
<a>min-content constraint</a> or
106106
a <a>max-content constraint</a>.
107107

108108
<!--
109109
<p>
110110
The space <a>available</a> to a box is determined by the formatting context in which it participates.
111111
In block, table, and inline formatting contexts [[!CSS21]],
112-
the <a>available size</a> is infinite in the block-axis dimension.
113-
<span class="issue">What, exactly, is the available size in the inline axis??? What about other formatting models?</span>
112+
the <a>available space</a> is infinite in the block-axis dimension.
113+
<span class="issue">What, exactly, is the available space in the inline axis??? What about other formatting models?</span>
114114
-->
115115

116116
<dt><dfn>fill-available fit</dfn>
@@ -140,7 +140,7 @@ Auto Box Sizes</h3>
140140
: <dfn>fill-available inline size</dfn>
141141
: <dfn>fill-available block size</dfn>
142142
:: Roughly, the <a>size</a> a box would take
143-
if it filled its <a>available size</a>
143+
if it filled its <a>available space</a>
144144
in the given axis.
145145
(See [[#extrinsic]].)
146146

@@ -193,7 +193,7 @@ Auto Box Sizes</h3>
193193
: <dfn>fit-content size</dfn>
194194
: <dfn>fit-content inline size</dfn>
195195
: <dfn>fit-content block size</dfn>
196-
:: If the <a>available size</a> in a given axis is finite,
196+
:: If the <a>available space</a> in a given axis is finite,
197197
equal to <code>min(<a>max-content size</a>, max(<a>min-content size</a>, <a>fill-available size</a>))</code>.
198198
Otherwise, equal to the <a>max-content size</a> in that axis.
199199

@@ -593,7 +593,7 @@ Changes</h2>
593593
<li>Changed <code>fill-available</code> keyword to <code>fill</code>.
594594
<li>Hooked up intrinsic sizes of replaced elements to the <a>default sizing algorithm</a> in [[!CSS3-IMAGES]].
595595
<li>Specified that <a>extrinsic sizing</a> treates ''margin/auto'' margins as zero.
596-
<li>Clarified definition of <a>available size</a>.
596+
<li>Clarified definition of <a>available space</a>.
597597
<li>Specified that percentages resolved against an intrinsic size of the parent computes falls back to auto sizing.
598598
<li>Fixed bad wording wrt containing blocks in <a>fill-available inline size</a> definition,
599599
and specified that it is calculated <em>after</em> margin collapsing.

css-writing-modes/Overview.bs

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -2006,7 +2006,7 @@ Orthogonal Flows</h3>
20062006
</div>
20072007

20082008
<h4 id="orthogonal-auto">
2009-
Available Sizes in Orthogonal Flows</h4>
2009+
Available Space in Orthogonal Flows</h4>
20102010

20112011
<p>It is common in CSS for a containing block to have a definite <i>inline size</i>,
20122012
but not a definite <i>block size</i>.
@@ -2015,19 +2015,19 @@ Available Sizes in Orthogonal Flows</h4>
20152015
for example: its width is given by the calculations in
20162016
<a href="https://www.w3.org/TR/CSS21/visudet.html#blockwidth">10.3.3</a>,
20172017
but its <i>block size</i> depends on its contents.
2018-
In such cases the <i>available inline size</i> is defined
2018+
In such cases the <i>available inline space</i> is defined
20192019
as the <i>inline size</i> of the containing block;
2020-
but the <i>available block size</i>,
2020+
but the <i>available block space</i>,
20212021
which would otherwise be the <i>block size</i> of the containing block,
20222022
is infinite.
20232023

20242024
<p>Putting a box in an <i>orthogonal flow</i> allows the opposite to happen:
2025-
for the <i>available block size</i> to be definite,
2026-
but the <i>available inline size</i> to be indefinite.
2025+
for the <i>available block space</i> to be definite,
2026+
but the <i>available inline space</i> to be indefinite.
20272027
In such cases a percentage of the containing block’s <i>inline size</i> cannot be defined,
20282028
and <i>inline axis</i> computations cannot be resolved.
20292029
In these cases, the initial containing block's size is used
2030-
as a <i>fallback</i> variable in place of the <i>available inline size</i>
2030+
as a <i>fallback</i> variable in place of the <i>available inline space</i>
20312031
for calculations that require a definite <i>available inline size</i>.
20322032

20332033
<p class="issue">What is this section trying to say? I can't remember. :(
@@ -2060,7 +2060,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
20602060
<dd>the <i>inline-axis</i> size
20612061
that would match the box's <i>inline-axis</i> outer edges to the smaller of
20622062
<ul>
2063-
<li>the <i>available size</i>
2063+
<li>the <i>available space</i>
20642064
<li>the initial containing block’s <i>size</i>
20652065
</dl>
20662066

@@ -2124,7 +2124,7 @@ Auto-sizing Block Containers in Orthogonal Flows</h4>
21242124
or the <i>max-content block size</i> of the content
21252125
(if only one column was used).
21262126
If the UA does not support CSS Multi-column Layout [[!CSS3COL]],
2127-
the UA may instead calculate the box's <i>block size</i> assuming an infinite <i>available block size</i>,
2127+
the UA may instead calculate the box's <i>block size</i> assuming infinite <i>available block space</i>,
21282128
thus laying out its contents into a single column.
21292129
(Note that this can, however, result in content that is clipped
21302130
or otherwise inaccessible if it overflows its containing block.)
@@ -2136,12 +2136,12 @@ Auto-sizing Other Orthogonal Flow Roots</h4>
21362136

21372137
<p>In order to limit the length of lines,
21382138
block containers have special auto-sizing behavior (defined <a href="#auto-multicol">above</a>)
2139-
when their <i>available inline size</i> is infinite
2139+
when their <i>available inline space</i> is infinite
21402140
(which typically occurs when they establish an <i>orthogonal flow</i>).
21412141

2142-
<p>Other layout models simply lay out into the infinite <i>available inline size</i>
2142+
<p>Other layout models simply lay out into the infinite <i>available inline space</i>
21432143
at their <i>max-content size</i>.
2144-
However, they pass through the infinite <i>available inline size</i>
2144+
However, they pass through the infinite <i>available inline space</i>
21452145
to block containers they contain,
21462146
possibly triggering that special auto-sizing behavior on those block containers
21472147
even though they do not themselves establish an <i>orthogonal flow</i>.
@@ -2150,10 +2150,10 @@ Auto-sizing Other Orthogonal Flow Roots</h4>
21502150
<p>For example,
21512151
a table or <i>flex container</i> establishing an <i>orthogonal flow</i>
21522152
is laid out into its given <i>available space</i>.
2153-
If its <i>available inline size</i> is infinite,
2153+
If its <i>available inline space</i> is infinite,
21542154
this effectively lays the box out at its <i>max-content size</i>.
21552155
However, any of its table cells or <i>flex items</i> that are <i>block containers</i>
2156-
are laid out assuming infinite <i>available inline size</i>
2156+
are laid out assuming infinite <i>available inline space</i>
21572157
and so behave accordingly.
21582158
</div>
21592159

0 commit comments

Comments
 (0)