Skip to content

Commit 6615e3f

Browse files
committed
[css-grid] Sync up the min-content wording from Flexbox, and fix a few Bikeshed errors.
1 parent 7b5e22e commit 6615e3f

File tree

1 file changed

+14
-8
lines changed

1 file changed

+14
-8
lines changed

css-grid/Overview.bs

Lines changed: 14 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1083,9 +1083,15 @@ Implied Minimum Size of Grid Items</h3>
10831083
this traversal is trivial and therefore not a performance concern.)
10841084
</div>
10851085

1086-
Although this may require an additional layout pass to re-resolve percentages in some cases,
1087-
the ''min-width/auto'' value of 'min-width' and 'min-height'
1088-
(like the ''min-content'', ''max-content'', and ''fit-content'' values defined in [[CSS3-SIZING]])
1086+
For the purpose of calculating an intrinsic size of the element
1087+
(e.g. the element's <a>min-content size</a>),
1088+
this value causes the element's width/height to become indefinite
1089+
(even if e.g. its 'width' property specifies a <a>definite</a> size).
1090+
Note this means that percentages calculated against this size
1091+
will be treated as ''height/auto''.
1092+
Otherwise, although this may require an additional layout pass to re-resolve percentages in some cases,
1093+
this value
1094+
(like the ''min-content'', ''max-content'', and ''width/fit-content'' values defined in [[CSS3-SIZING]])
10891095
does not prevent the resolution of percentage sizes within the item.
10901096

10911097
<!--
@@ -1488,7 +1494,7 @@ Flexible Lengths: the ''fr'' unit</h4>
14881494
The total size of such rows or columns is subtracted from the available space, yielding the <a>free space</a>,
14891495
which is then divided among the flex-sized rows and columns in proportion to their <a>flex factor</a>.
14901496

1491-
Note: Flexible lengths in a <a>track list</a> work similarly to flexible lengths with a zero base size in [[CSS3-FLEXBOX]].
1497+
Note: Flexible lengths in a <a>track list</a> work similarly to flexible lengths with a zero base size in [[CSS-FLEXBOX-1]].
14921498

14931499
Each column or row's share of the <a>free space</a> can be computed as the column or row's
14941500
<code>&lt;flex> * &lt;free space> / &lt;sum of all <a>flex factors</a>&gt;</code>.
@@ -3333,7 +3339,7 @@ Row-axis Alignment: the 'justify-self' and 'justify-items' properties</h3>
33333339
<a>Grid items</a> can be aligned in the inline dimension
33343340
by using the 'justify-self' property on the <a>grid item</a>
33353341
or 'justify-items' property on the <a>grid container</a>,
3336-
as defined in [[!CSS3-ALIGN]].
3342+
as defined in [[!CSS-ALIGN-3]].
33373343

33383344
<div class='example'>
33393345
For example,
@@ -3353,7 +3359,7 @@ Column-axis Alignment: the 'align-self' and 'align-items' properties</h3>
33533359
(perpendicular to the inline dimension)
33543360
by using the 'align-self' property on the <a>grid item</a>
33553361
or 'align-items' property on the <a>grid container</a>,
3356-
as defined in [[!CSS3-ALIGN]].
3362+
as defined in [[!CSS-ALIGN-3]].
33573363

33583364
<h3 id='grid-align'>
33593365
Aligning the Grid: the 'justify-content' and 'align-content' properties</h3>
@@ -4013,7 +4019,7 @@ Sample Fragmentation Algorithm</h3>
40134019

40144020
<p class="issue">
40154021
This is just a rough draft.
4016-
This section needs to be severely cross-checked with the [[CSS3-FLEXBOX]] algorithm.
4022+
This section needs to be severely cross-checked with the [[CSS-FLEXBOX-1]] algorithm.
40174023
Feedback overall is welcome; please reference the rules above instead as implementation guidance.
40184024

40194025
<ol>
@@ -4093,7 +4099,7 @@ Changes</h2>
40934099
* Reduced <<auto-repeat>> syntax to accept only a single track size, for simplicity.
40944100
* Added information on the speech and navigation impact of reordering with grid placement or 'order'
40954101
vs. reordering the underlying source.
4096-
* Removed 'grid-template' shorthand.
4102+
* Removed <css>grid-template</css> shorthand.
40974103

40984104
A partial <a href="https://drafts.csswg.org/css-grid-1/issues-wd-20150805">Disposition of Comments</a> is available.
40994105

0 commit comments

Comments
 (0)