Skip to content

Commit f999f4c

Browse files
committed
[css-grid-3][editorial] markup fixes
1 parent 51709b9 commit f999f4c

File tree

1 file changed

+96
-8
lines changed

1 file changed

+96
-8
lines changed

css-grid-3/Overview.bs

+96-8
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@ WPT Path Prefix: css/css-grid/masonry/tentative/
1717
WPT Display: open
1818
Markup Shorthands: css yes
1919
Status Text: <strong>This specification represents two variations on the proposal for masonry layout. Feedback on the alternatives is welcome.</strong>
20+
Ignored Terms: display, used value, computed value, repeat(), content box, containing block, margin boxes,
2021
</pre>
2122

2223
<pre class=link-defaults>
@@ -352,7 +353,7 @@ Reordering and Accessibility</h3>
352353
with item 3 slightly taller than the others.
353354
Item 4 spans the first three columns, and is placed
354355
just below item 3, while item 7 is tucked under item 5.">
355-
<figcaption>Auto-placed masonry layout with mixed-height items and mixed span sizes</figure>
356+
<figcaption>Auto-placed masonry layout with mixed-height items and mixed span sizes</figcaption>
356357
</figure>
357358
Similarly, items explicitly placed into specific tracks can leave gaps behind them,
358359
into which subsequent auto-placed items can be placed visually out-of-order.
@@ -390,7 +391,7 @@ Reordering and Accessibility</h3>
390391
<span class="option grid">Grid-integrated Option:</span> Establishing Masonry Layout</h3>
391392

392393
<h4 id="grid-template-masonry">
393-
Indicating the stacking axis: the ''grid-template-columns/masonry'' keyword for 'grid-template-columns'/'grid-template-rows'</h3>
394+
Indicating the stacking axis: the ''grid-template-columns/masonry'' keyword for 'grid-template-columns'/'grid-template-rows'</h4>
394395

395396
<pre class='propdef partial'>
396397
Name: grid-template-columns, grid-template-rows
@@ -399,7 +400,7 @@ Indicating the stacking axis: the ''grid-template-columns/masonry'' keyword for
399400
Applies to: [=grid containers=]
400401
Inherited: no
401402
Percentages: refer to corresponding dimension of the content area
402-
Computed value: the keyword ''grid-template-columns/none'' or the keyword ''grid-template-columns/masonry'' or a [[computed track list]]
403+
Computed value: the keyword ''grid-template-columns/none'' or the keyword ''grid-template-columns/masonry'' or a [=computed track list=]
403404
Animation type: see [[css-grid-2#track-sizing|CSS Grid Level 2]]
404405
</pre>
405406

@@ -574,7 +575,7 @@ and 'masonry-fill' at the same time.
574575

575576

576577
<h2 id="masonry-track-templates">
577-
Masonry Track Specification</h3>
578+
Masonry Track Specification</h2>
578579

579580
In the [=grid axis=],
580581
the full power of [=grid layout=] is available for track specification:
@@ -855,7 +856,7 @@ Track Repetition: the ''repeat()'' notation</h3>
855856
for the ''repeat()'' notation.
856857

857858
<h4 id="repeat-auto-areas">
858-
repeat(auto-areas)</h3>
859+
repeat(auto-areas)</h4>
859860

860861
The new <dfn value for="repeat()">auto-areas</dfn> value for the ''repeat()'' notation
861862
represents the number of repetitions necessary
@@ -882,7 +883,7 @@ repeat(auto-areas)</h3>
882883
as needed to match the number of template areas.
883884

884885
<h4 id="repeat-auto-fit">
885-
repeat(auto-fit)</h3>
886+
repeat(auto-fit)</h4>
886887

887888
In [=masonry containers=] (as in regular [=grid containers=])
888889
''repeat()/auto-fit'' acts like ''repeat()/auto-fill'',
@@ -1015,7 +1016,7 @@ Optimized Track Sizing</h4>
10151016
<a href="https://github.com/w3c/csswg-drafts/issues">report it to the CSSWG</a>.
10161017

10171018
<h2 id="masonry-track-placement">
1018-
Masonry Placement</h3>
1019+
Masonry Placement</h2>
10191020

10201021
In the [=grid axis=],
10211022
items can be <em>explicitly placed</em> into tracks and span them using the familiar [=grid-placement properties=]’ syntax.
@@ -1169,7 +1170,7 @@ Masonry Layout and Placement Algorithm</h3>
11691170
the algorithm is analogous but in reverse order.
11701171

11711172
<h4 id="containing-block">
1172-
Containing Block</h2>
1173+
Containing Block</h4>
11731174

11741175
The [=containing block=] for a [=grid item=] participating in [=masonry layout=]
11751176
is formed by its [=grid area=] in the [=grid axis=]
@@ -1505,3 +1506,90 @@ Recent Changes</h3>
15051506
* Added ''masonry-slack: infinite''.
15061507
(<a href="https://github.com/w3c/csswg-drafts/issues/10883">Issue 10883</a>)
15071508
* Minor corrections, updated acknowledgements, and added an example.
1509+
1510+
<wpt hidden>
1511+
alignment/masonry-align-content-001.html
1512+
alignment/masonry-align-content-002.html
1513+
alignment/masonry-align-content-003.html
1514+
alignment/masonry-align-content-004.html
1515+
alignment/masonry-justify-content-001.html
1516+
alignment/masonry-justify-content-002.html
1517+
alignment/masonry-justify-content-003.html
1518+
alignment/masonry-justify-content-004.html
1519+
baseline/masonry-grid-item-content-baseline-001.html
1520+
baseline/masonry-grid-item-self-baseline-001.html
1521+
baseline/masonry-grid-item-self-baseline-002a.html
1522+
baseline/masonry-grid-item-self-baseline-002b.html
1523+
fragmentation/masonry-fragmentation-001.html
1524+
fragmentation/masonry-fragmentation-002.html
1525+
fragmentation/masonry-fragmentation-003.html
1526+
gap/masonry-gap-001.html
1527+
gap/masonry-gap-002.html
1528+
grid-placement/masonry-grid-placement-named-lines-001.html
1529+
grid-placement/masonry-grid-placement-named-lines-002.html
1530+
intrinsic-sizing/masonry-intrinsic-sizing-cols-001-auto.html
1531+
intrinsic-sizing/masonry-intrinsic-sizing-cols-001-fr.html
1532+
intrinsic-sizing/masonry-intrinsic-sizing-cols-001-mix1.html
1533+
intrinsic-sizing/masonry-intrinsic-sizing-cols-001-mix2.html
1534+
intrinsic-sizing/masonry-intrinsic-sizing-cols-002-auto.html
1535+
intrinsic-sizing/masonry-intrinsic-sizing-cols-002-fr.html
1536+
intrinsic-sizing/masonry-intrinsic-sizing-cols-002-mix1.html
1537+
intrinsic-sizing/masonry-intrinsic-sizing-cols-002-mix2.html
1538+
intrinsic-sizing/masonry-intrinsic-sizing-cols-003-auto.html
1539+
intrinsic-sizing/masonry-intrinsic-sizing-cols-003-fr.html
1540+
intrinsic-sizing/masonry-intrinsic-sizing-cols-003-mix1.html
1541+
intrinsic-sizing/masonry-intrinsic-sizing-cols-003-mix2.html
1542+
intrinsic-sizing/masonry-intrinsic-sizing-cols-004-auto.html
1543+
intrinsic-sizing/masonry-intrinsic-sizing-cols-004-fr.html
1544+
intrinsic-sizing/masonry-intrinsic-sizing-cols-004-mix1.html
1545+
intrinsic-sizing/masonry-intrinsic-sizing-cols-004-mix2.html
1546+
intrinsic-sizing/masonry-intrinsic-sizing-cols-005.html
1547+
intrinsic-sizing/masonry-intrinsic-sizing-cols-006.html
1548+
intrinsic-sizing/masonry-intrinsic-sizing-cols-007.html
1549+
intrinsic-sizing/masonry-intrinsic-sizing-rows-001-auto.html
1550+
intrinsic-sizing/masonry-intrinsic-sizing-rows-001-fr.html
1551+
intrinsic-sizing/masonry-intrinsic-sizing-rows-001-mix1.html
1552+
intrinsic-sizing/masonry-intrinsic-sizing-rows-001-mix2.html
1553+
intrinsic-sizing/masonry-intrinsic-sizing-rows-002-auto.html
1554+
intrinsic-sizing/masonry-intrinsic-sizing-rows-002-fr.html
1555+
intrinsic-sizing/masonry-intrinsic-sizing-rows-002-mix1.html
1556+
intrinsic-sizing/masonry-intrinsic-sizing-rows-002-mix2.html
1557+
intrinsic-sizing/masonry-intrinsic-sizing-rows-003-auto.html
1558+
intrinsic-sizing/masonry-intrinsic-sizing-rows-003-fr.html
1559+
intrinsic-sizing/masonry-intrinsic-sizing-rows-003-mix1.html
1560+
intrinsic-sizing/masonry-intrinsic-sizing-rows-003-mix2.html
1561+
intrinsic-sizing/masonry-intrinsic-sizing-rows-004-auto.html
1562+
intrinsic-sizing/masonry-intrinsic-sizing-rows-004-fr.html
1563+
intrinsic-sizing/masonry-intrinsic-sizing-rows-004-mix1.html
1564+
intrinsic-sizing/masonry-intrinsic-sizing-rows-004-mix2.html
1565+
intrinsic-sizing/masonry-intrinsic-sizing-rows-005.html
1566+
intrinsic-sizing/masonry-intrinsic-sizing-rows-006.html
1567+
intrinsic-sizing/masonry-intrinsic-sizing-rows-007-ref.html
1568+
intrinsic-sizing/masonry-intrinsic-sizing-rows-007.html
1569+
item-placement/masonry-item-placement-001.html
1570+
item-placement/masonry-item-placement-002.html
1571+
item-placement/masonry-item-placement-003.html
1572+
item-placement/masonry-item-placement-004.html
1573+
item-placement/masonry-item-placement-005.html
1574+
item-placement/masonry-item-placement-006.html
1575+
item-placement/masonry-item-placement-007.html
1576+
item-placement/masonry-item-placement-008.html
1577+
item-placement/masonry-rows-item-placement-auto-flow-next-001.html
1578+
item-placement/masonry-rows-with-grid-width-changed.html
1579+
masonry-columns-item-containing-block-is-grid-content-width.html
1580+
masonry-grid-template-columns-computed-withcontent.html
1581+
masonry-not-inhibited-001.html
1582+
order/masonry-order-001.html
1583+
order/masonry-order-002.html
1584+
parsing/masonry-parsing.html
1585+
subgrid/masonry-subgrid-001.html
1586+
subgrid/masonry-subgrid-002.html
1587+
subgrid/track-sizing/masonry-subgrid-flex.html
1588+
subgrid/track-sizing/masonry-subgrid-intrinsic-sizing.html
1589+
subgrid/track-sizing/masonry-subgrid.html
1590+
track-sizing/masonry-track-sizing-check-grid-height-on-resize.html
1591+
track-sizing/masonry-track-sizing-explicit-block.html
1592+
track-sizing/masonry-track-sizing-overflow-left-side.html
1593+
track-sizing/masonry-track-sizing-overflow-right-side.html
1594+
track-sizing/masonry-track-sizing-span-row.html
1595+
</wpt>

0 commit comments

Comments
 (0)