Skip to content

Commit 0f82f01

Browse files
committed
[css-grid-3] Rename the masonry-fill keywords to be more unique. Also lightly rewrite the text for clarity.
1 parent 8b76107 commit 0f82f01

File tree

1 file changed

+9
-7
lines changed

1 file changed

+9
-7
lines changed

css-grid-3/Overview.bs

Lines changed: 9 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -516,27 +516,29 @@ Masonry Cross Direction: the 'masonry-fill' property</h4>
516516

517517
<pre class=propdef>
518518
Name: masonry-fill
519-
Value: normal | reverse
519+
Value: tie-start | tie-end
520520
Initial: normal
521521
Inherited: no
522522
Applies to: [=masonry containers=]
523523
Computed value: as specified
524524
Animation type: discrete
525525
</pre>
526526

527-
'masonry-fill' determines what direction auto-placed items are laid out in
528-
when multiple tracks are tied for “shortest”.
527+
Auto-placed [=masonry items=] are always placed
528+
in whichever track is least filled at that moment.
529+
When there are ties for "least filled",
530+
'masonry-fill' determines which track to choose.
529531

530532
<dl dfn-for=masonry-fill dfn-type=value>
531-
: <dfn>normal</dfn>
533+
: <dfn>tie-start</dfn>
532534
::
533535
Ties are broken
534-
by filling the startmost track
536+
by putting the item in the start-most tied position.
535537

536-
: <dfn>reverse</dfn>
538+
: <dfn>tie-end</dfn>
537539
::
538540
Ties are broken
539-
by filling the endmost track.
541+
by putting the item in the end-most tied position.
540542
</dl>
541543

542544
<h4 id=masonry-flow>

0 commit comments

Comments
 (0)