Skip to content

Commit 01ac5b0

Browse files
committed
[css-grid-3][masonry] Create new section for repeat() notation
1 parent 9573034 commit 01ac5b0

File tree

1 file changed

+20
-14
lines changed

1 file changed

+20
-14
lines changed

css-grid-3/Overview.bs

+20-14
Original file line numberDiff line numberDiff line change
@@ -570,6 +570,26 @@ Subgrids</h3>
570570
results in the subgrid getting [=masonry layout=] in its [=inline axis=].
571571
</div>
572572

573+
<h3 id="repeat-notation">
574+
Track Repetition: the ''repeat()'' notation</h3>
575+
576+
This specification introduces new keywords and masonry-specific behavior
577+
for the ''repeat()'' notation.
578+
579+
<h4 id="repeat-auto-fit">
580+
repeat(auto-fit)</h3>
581+
582+
''grid-template-rows/repeat(auto-fit)'' behaves as ''grid-template-rows/repeat(auto-fill)''
583+
when the other axis is a [=masonry axis=].
584+
The reason for this is that ''grid-row/auto''-placed items depend
585+
on the layout size of their siblings.
586+
Removing empty tracks after layout wouldn't be possible in most cases
587+
since it might affect any intrinsic track sizes.
588+
Even if all track sizes are definite,
589+
the containing block size could change for grid-aligned absolutely-positioned descendants.
590+
This makes ''grid-template-rows/repeat(auto-fit)''
591+
impossible to support in a [=grid container=] with [=masonry layout=].
592+
573593
<h3 id="track-sizing">
574594
Grid Axis Track Sizing</h3>
575595

@@ -622,20 +642,6 @@ Grid Axis Track Sizing</h3>
622642
or all items are the same size
623643
(or matching multiples of that size, in the case of spanning items).
624644

625-
<h4 id="repeat-auto-fit">
626-
repeat(auto-fit)</h3>
627-
628-
''grid-template-rows/repeat(auto-fit)'' behaves as ''grid-template-rows/repeat(auto-fill)''
629-
when the other axis is a [=masonry axis=].
630-
The reason for this is that ''grid-row/auto''-placed items depend
631-
on the layout size of their siblings.
632-
Removing empty tracks after layout wouldn't be possible in most cases
633-
since it might affect any intrinsic track sizes.
634-
Even if all track sizes are definite,
635-
the containing block size could change for grid-aligned absolutely-positioned descendants.
636-
This makes ''grid-template-rows/repeat(auto-fit)''
637-
impossible to support in a [=grid container=] with [=masonry layout=].
638-
639645
<h2 id="masonry-track-placement">
640646
Masonry Placement</h3>
641647

0 commit comments

Comments
 (0)