Skip to content

Commit eee458b

Browse files
committed
[css-grid] Use leftover space instead of free space in description of <<flex>> since that is more accurate wrt terminology in the algorithm. #1120
1 parent 99b8738 commit eee458b

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

css-grid/Overview.bs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1692,23 +1692,23 @@ Flexible Lengths: the ''fr'' unit</h4>
16921692

16931693
A <dfn export>flexible length</dfn> or <dfn><<flex>></dfn> is a dimension
16941694
with the <dfn value for="<flex>" lt="fr|fr unit">fr</dfn> unit,
1695-
which represents a fraction of the <a>free space</a> in the <a>grid container</a>.
1695+
which represents a fraction of the <a>leftover space</a> in the <a>grid container</a>.
16961696

16971697
Note: <<flex>> values are not <<length>>s
16981698
(nor are they compatible with <<length>>s, like some <<percentage>> values),
16991699
so they cannot be represented in or combined with other unit types in ''calc()'' expressions.
17001700

1701-
The distribution of <a>free space</a> occurs after all non-flexible <a>track sizing functions</a> have reached their maximum.
1702-
The total size of such rows or columns is subtracted from the available space, yielding the <a>free space</a>,
1701+
The distribution of <a>leftover space</a> occurs after all non-flexible <a>track sizing functions</a> have reached their maximum.
1702+
The total size of such rows or columns is subtracted from the available space, yielding the <a>leftover space</a>,
17031703
which is then divided among the flex-sized rows and columns in proportion to their <a>flex factor</a>.
17041704

17051705
Note: Flexible lengths in a <a>track list</a> work similarly to flexible lengths with a zero base size in [[CSS-FLEXBOX-1]].
17061706

1707-
Each column or row's share of the <a>free space</a> can be computed as the column or row's
1708-
<code>&lt;flex> * &lt;free space> / &lt;sum of all <a>flex factors</a>&gt;</code>.
1707+
Each column or row's share of the <a>leftover space</a> can be computed as the column or row's
1708+
<code>&lt;flex> * &lt;leftover space> / &lt;sum of all <a>flex factors</a>&gt;</code>.
17091709

17101710
Note: If the sum of the <a>flex factors</a> is less than 1,
1711-
they'll take up only a corresponding fraction of the <a>free space</a>,
1711+
they'll take up only a corresponding fraction of the <a>leftover space</a>,
17121712
rather than expanding to fill the entire thing.
17131713
This is similar to how Flexbox [[CSS-FLEXBOX-1]] acts when the sum of the 'flex' values is less than 1.
17141714

0 commit comments

Comments
 (0)