Skip to content

Commit 6521460

Browse files
committed
[css-grid-1] Audit inner/outer sizes. w3c#2655
1 parent 387aa8c commit 6521460

1 file changed

Lines changed: 19 additions & 7 deletions

File tree

css-grid-1/Overview.bs

Lines changed: 19 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1426,8 +1426,11 @@ Explicit Track Sizing: the 'grid-template-rows' and 'grid-template-columns' prop
14261426
<dd>
14271427
A non-negative length or percentage, as defined by CSS3 Values. [[!CSS3VAL]]
14281428

1429-
<<percentage>> values are relative to the <a>inline size</a> of the <a>grid container</a> in column <a>grid tracks</a>,
1430-
and the <a>block size</a> of the <a>grid container</a> in row <a>grid tracks</a>.
1429+
<<percentage>> values are relative to
1430+
the <a lt="inner size">inner</a> <a>inline size</a>
1431+
of the <a>grid container</a> in column <a>grid tracks</a>,
1432+
and the <a lt="inner size">inner</a> <a>block size</a>
1433+
of the <a>grid container</a> in row <a>grid tracks</a>.
14311434
If the size of the <a>grid container</a>
14321435
depends on the size of its tracks,
14331436
then the <<percentage>>
@@ -1665,7 +1668,8 @@ Repeat-to-fill: ''auto-fill'' and ''auto-fit'' repetitions</h5>
16651668
When <dfn value for="repeat()">auto-fill</dfn> is given as the repetition number,
16661669
if the <a>grid container</a> has a <a>definite</a> size or max size in the relevant axis,
16671670
then the number of repetitions is the largest possible positive integer
1668-
that does not cause the <a>grid</a> to overflow its <a>grid container</a>
1671+
that does not cause the <a>grid</a> to overflow
1672+
the <a>content box</a> of its <a>grid container</a>
16691673
(treating each track as its <a>max track sizing function</a> if that is <a>definite</a>
16701674
or as its minimum track sizing function otherwise,
16711675
and taking 'gap' into account);
@@ -3731,8 +3735,12 @@ Track Sizing Terminology</h3>
37313735
<dd>
37323736
Independently in each dimension, the <a>available grid space</a> is:
37333737

3734-
* If the <a>grid container's</a> size is definite, then use the size of the resulting content box.
3735-
* If the <a>grid container</a> is being sized under a <a>min-content constraint</a> or <a>max-content constraint</a> , then the <a>available grid space</a> is that constraint (and is indefinite).
3738+
* If the <a>grid container's</a> size is definite,
3739+
then use the size of its content box.
3740+
* If the <a>grid container</a> is being sized under
3741+
a <a>min-content constraint</a> or <a>max-content constraint</a>
3742+
then the <a>available grid space</a> is that constraint
3743+
(and is indefinite).
37363744

37373745
Note: ''auto'' sizes that indicate content-based sizing (e.g. the height of a block-level box in horizontal writing modes) are equivalent to ''max-content''.
37383746

@@ -4162,7 +4170,8 @@ Maximize Tracks</h3>
41624170

41634171
If this would cause the grid to be larger than the <a>grid container's</a> <a property lt=max-width>max-width/height</a>,
41644172
then redo this step,
4165-
treating the <a>available grid space</a> as equal to the <a>grid container's</a> content box size
4173+
treating the <a>available grid space</a> as equal to
4174+
the <a>grid container's</a> <a>inner size</a>
41664175
when it's sized to its <a property lt=max-width>max-width/height</a>.
41674176

41684177
<h3 id="algo-flex-tracks">
@@ -4208,7 +4217,10 @@ Expand Flexible Tracks</h3>
42084217
(or larger than the <a>grid container's</a> <a property lt=max-width>max-width/height</a>),
42094218
then redo this step,
42104219
treating the <a>free space</a> as definite
4211-
and the <a>available grid space</a> as equal to the <a>grid container's</a> content box size when it's sized to its <a property lt=min-width>min-width/height</a> (<a property lt=max-width>max-width/height</a>).
4220+
and the <a>available grid space</a> as equal to
4221+
the <a>grid container's</a> <a>inner size</a>
4222+
when it's sized to its <a property lt=min-width>min-width/height</a>
4223+
(<a property lt=max-width>max-width/height</a>).
42124224
</dl>
42134225

42144226
For each flexible track,

0 commit comments

Comments
 (0)