Skip to content

Commit acb8c89

Browse files
committed
[css-grid-3][masonry] Introduce auto-areas repetition value.
1 parent 01ac5b0 commit acb8c89

File tree

1 file changed

+23
-0
lines changed

1 file changed

+23
-0
lines changed

css-grid-3/Overview.bs

+23
Original file line numberDiff line numberDiff line change
@@ -576,6 +576,29 @@ Track Repetition: the ''repeat()'' notation</h3>
576576
This specification introduces new keywords and masonry-specific behavior
577577
for the ''repeat()'' notation.
578578

579+
<h4 id="repeat-auto-areas">
580+
repeat(auto-areas)</h3>
581+
582+
The new <dfn value for="repeat()">auto-areas</dfn> value for the ''repeat()'' notation
583+
represents the number of repetitions necessary
584+
for the total number of explicit tracks to match
585+
the 'grid-template-areas' / 'masonry-template-areas' value
586+
in effect in the corresponding axis.
587+
If multiple tracks are listed for the repetition,
588+
the final repetition is truncated as necessary
589+
to produce the correct number of tracks.
590+
591+
Note: Unlike ''repeat()/auto-fill''--
592+
which always repeats at least once and always repeats the track listing entirely--
593+
the number of repetitions for ''repeat()/auto-areas'' can be zero
594+
(if there are already enough explicit tracks),
595+
and the final repetition can be partial.
596+
597+
If 'grid-template-areas' / 'masonry-template-areas' is ''grid-template-areas/none'',
598+
this value behaves as ''auto-fill''.
599+
600+
Note: This value applies both to regular [=grid containers=] and to [=masonry containers=].
601+
579602
<h4 id="repeat-auto-fit">
580603
repeat(auto-fit)</h3>
581604

0 commit comments

Comments
 (0)