@@ -426,14 +426,58 @@ Masonry Track Specification</h3>
426
426
<span class="option masonry">Grid-independent Option:</span> Declaring Masonry Track Templates: the 'masonry-template-*' properties</h3>
427
427
428
428
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' .
434
480
435
- ISSUE: Should there be a <css> masonry-auto-tracks</css> property,
436
- analogous to 'grid-auto-columns' ?
437
481
</section>
438
482
439
483
<h3 id="subgrids">
0 commit comments