Skip to content

Commit 5353ee6

Browse files
committed
[css-grid-3] Expand the grid-independent section for track definitions
1 parent 376440d commit 5353ee6

File tree

1 file changed

+51
-7
lines changed

1 file changed

+51
-7
lines changed

css-grid-3/Overview.bs

+51-7
Original file line numberDiff line numberDiff line change
@@ -426,14 +426,58 @@ Masonry Track Specification</h3>
426426
<span class="option masonry">Grid-independent Option:</span> Declaring Masonry Track Templates: the 'masonry-template-*' properties</h3>
427427

428428
Tracks in the [=grid axis=] of a [=masonry container=]
429-
are established with the
430-
<dfn property>masonry-template-tracks</dfn>
431-
and <dfn property>masonry-template-areas</dfn> properties,
432-
whose syntax and interpretation are analogous to the
433-
'grid-template-columns' and 'grid-template-areas' properties.
429+
are established with 'masonry-template-tracks',
430+
'masonry-template-areas',
431+
and 'masonry-auto-tracks'.
432+
433+
<pre class=propdef>
434+
Name: masonry-template-tracks
435+
Value: <<'grid-template-columns'>>
436+
Initial: repeat(auto-areas, auto)
437+
Applies to: [=masonry containers=]
438+
Inherited: no
439+
Percentages: refer to correspodning dimension of the content area
440+
Computed value: by computed value type per item in the [=computed track list=]
441+
Animation type: if list lengths match, by [=computed value=] type; otherwise, discrete
442+
</pre>
443+
444+
'masonry-template-tracks' has the same syntax and interpretation as 'grid-template-columns',
445+
but a different initial value.
446+
447+
(Instead of defaulting to no tracks, as in Grid Layout,
448+
it defaults to matching 'masonry-template-areas', if possible,
449+
or otherwise filling the [=masonry container=]
450+
with as many ''grid-template-columns/auto'' tracks as possible.)
451+
452+
<pre class=propdef>
453+
Name: masonry-template-areas
454+
Value: none | <<string>>
455+
Initial: none
456+
Applies to: [=masonry containers=]
457+
Inherited: no
458+
Percentages: n/a
459+
Computed Value: the keyword ''masonry-template-values/none'' or a string
460+
Canonical Order: per grammar
461+
Animation type: discrete
462+
</pre>
463+
464+
'masonry-template-areas' has the same syntax and interpretation as 'grid-template-areas',
465+
except it only takes a single string defining one "row" of area names.
466+
467+
<pre class=propdef>
468+
Name: masonry-auto-tracks
469+
Value: <<'grid-auto-columns'>>
470+
Initial: auto
471+
Applies to: grid containers
472+
Inherited: no
473+
Percentages: refer to correspodning dimension of the content area
474+
Computed value: a [=computed track list=]
475+
Canonical order: per grammar
476+
Animation type: if the list lengths match, by computed value type per item; discrete otherwise
477+
</pre>
478+
479+
'masonry-auto-tracks' has the same syntax and interpretation as 'grid-auto-columns'.
434480

435-
ISSUE: Should there be a <css>masonry-auto-tracks</css> property,
436-
analogous to 'grid-auto-columns'?
437481
</section>
438482

439483
<h3 id="subgrids">

0 commit comments

Comments
 (0)