Skip to content

Commit d652efc

Browse files
authored
[css-grid-3][masonry] Remove remaining align/justify-tracks references (#9537)
Remove remaining references to align/justify-tracks
1 parent 5159802 commit d652efc

7 files changed

+0
-253
lines changed

css-grid-3/Overview.bs

-8
Original file line numberDiff line numberDiff line change
@@ -693,9 +693,6 @@ Performance Notes</h2>
693693
Any intrinsic track sizing in the [=grid axis=] should be cheaper too,
694694
because, typically, only a subset of items contribute to the intrinsic sizing in a masonry layout,
695695
contrary to a 2-axis grid where all items spanning an intrinsically-sized track contribute.
696-
That said, ''justify/align-tracks: stretch'' specifically
697-
adds a cost proportionate to the number of items that are resized.
698-
(Note that ''align-tracks/stretch'' isn't the default value for these properties though.)
699696
Stretched items do a second layout with the new size (when it actually changed)
700697
so this can be costly if there are a huge amount of stretched items
701698
that each contains a lot of content.
@@ -707,11 +704,6 @@ Performance Notes</h2>
707704
e.g. specifying ''justify/align-items:start''
708705
and then opting in for just a few items with ''justify/align-self:stretch''
709706
to let those items fill the [=masonry axis=].
710-
Other 'justify-tracks' / 'align-tracks' values
711-
such as ''align-self/center'', ''align-self/end'' and '<<content-distribution>>'
712-
(other than ''align-self/stretch'')
713-
shouldn't be a problem though
714-
since they just reposition the items which is fast.
715707
(This performance analysis is from a Gecko perspective,
716708
but I suspect there's some truth to it for other layout engines as well.)
717709

css-grid-3/examples/align-tracks-example-1.html

-105
This file was deleted.

css-grid-3/examples/align-tracks-example-2.html

-59
This file was deleted.

css-grid-3/examples/graceful-degradation-example.html

-1
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,6 @@
1212
padding: 10px;
1313
border: 3px solid;
1414
background: lightgrey content-box;
15-
align-tracks: stretch;
1615
height: 150px;
1716
transition: height 6s linear;
1817
}

css-grid-3/examples/justify-tracks-example-1.html

-1
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
padding: 10px;
1212
border: 3px solid;
1313
background: lightgrey content-box;
14-
justify-tracks: stretch;
1514
width: 150px;
1615
transition: width 6s linear;
1716
}

css-grid-3/examples/masonry-axis-alignment-1.html

-77
This file was deleted.

css-grid-3/examples/masonry-axis-baseline-alignment-1.html

-2
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
.grid {
1212
display: inline-grid;
1313
grid: masonry / repeat(10,auto);
14-
align-tracks: start, start, stretch, start, start, end, end, stretch, end, end;
1514
gap: 3px 1px;
1615
border: 2px solid;
1716
height: 400px;
@@ -35,7 +34,6 @@
3534
.medium { font-size:48pt; }
3635
</style>
3736
<body>
38-
<pre>align-tracks: start, start, stretch, start, start, end, end, stretch, end, end</pre>
3937

4038
<div class="grid">
4139
<item class="fb" style="padding-bottom: 5px"><div>F</div>x</item>

0 commit comments

Comments
 (0)