Skip to content

Commit ab03dd7

Browse files
tabatkinstabatkins
committed
[css-anchor-position-1][editorial] Fix remaining big headings.
1 parent 9c8b825 commit ab03dd7

File tree

1 file changed

+76
-59
lines changed

1 file changed

+76
-59
lines changed

‎css-anchor-position-1/Overview.bs‎

Lines changed: 76 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -103,14 +103,15 @@ This can be done with the following CSS:
103103
Determining The Anchor {#determining}
104104
======================
105105

106-
<!--
107-
███ ██ ██ ███ ██ ██ ████████
108-
██ ██ ███ ██ ██ ██ ███ ███ ██
109-
██ ██ ████ ██ ██ ██ ████ ████ ██
110-
██ ██ ███████ ██ ██ ██ ██ ██ ██ ███ ██ ██████
111-
█████████ ██ ████ █████████ ██ ██ ██
112-
██ ██ ██ ███ ██ ██ ██ ██ ██
113-
██ ██ ██ ██ ██ ██ ██ ██ ████████
106+
<!-- Big Text: a-name
107+
108+
███▌ █ █▌ ███▌ █ █ █████▌
109+
▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
110+
█▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
111+
█▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
112+
█████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
113+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
114+
█▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐█ █████▌
114115
-->
115116

116117
Creating An Anchor: the 'anchor-name' property {#name}
@@ -267,14 +268,15 @@ or nothing (a missing specifier).
267268
or precedes |query el| in the tree order.
268269
</div>
269270

270-
<!--
271-
████████ ████████ ████████ ███ ██ ██ ██ ████████
272-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
273-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
274-
██ ██ ██████ ██████ ██ ██ ██ ██ ██ ██
275-
██ ██ ██ ██ █████████ ██ ██ ██ ██
276-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
277-
████████ ████████ ██ ██ ██ ███████ ████████ ██
271+
<!-- Big Text: default
272+
273+
████▌ █████▌ █████▌ ███▌ █▌ █▌ █▌ █████▌
274+
█▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
275+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
276+
█▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
277+
█▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
278+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
279+
████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
278280
-->
279281

280282
<h3 id=anchor-default>
@@ -347,8 +349,8 @@ to explicitly refer to edges of an [=anchor element=].
347349

348350
<!-- Big Text: inset-area
349351

350-
████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
351-
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
352+
████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
353+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
352354
▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
353355
▐▌ █▌▐█ █▌ ███▌ ████ █▌ ████▌ █▌ █▌ ████▌ ████ █▌ █▌
354356
▐▌ █▌ ██▌ █▌ █▌ █▌ █████▌ █▌▐█ █▌ █████▌
@@ -562,13 +564,13 @@ will resolve the contradiction.
562564

563565
<!-- Big Text: anchor()
564566

565-
███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
566-
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
567+
███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
568+
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
567569
█▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
568570
█▌ █▌ █▌▐█ █▌ █▌ █████▌ █▌ █▌ ████▌ █▌ ▐█
569571
█████▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
570-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
571-
█▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
572+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
573+
█▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
572574
-->
573575

574576
The ''anchor()'' Function {#anchor-pos}
@@ -745,14 +747,15 @@ as if by an additional ''translate()'' transform.
745747
</div>
746748

747749

748-
<!--
749-
███ ██████ ████████ ██ ██ ████████ ████████ ████████
750-
██ ██ ██ ██ ██ ███ ██ ██ ██ ██ ██
751-
██ ██ ██ ██ ████ ██ ██ ██ ██ ██
752-
██ ██ ███████ ██ ██████ ██ ██ ██ ██ ██████ ████████
753-
█████████ ██ ██ ██ ████ ██ ██ ██ ██
754-
██ ██ ██ ██ ██ ██ ███ ██ ██ ██ ██
755-
██ ██ ██████ ████████ ██ ██ ██ ████████ ██ ██
750+
<!-- Big Text: a-center
751+
752+
███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
753+
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
754+
█▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌
755+
█▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
756+
█████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
757+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
758+
█▌ █▌ ███▌ █████▌ █▌ ▐▌ █▌ █████▌ █▌ █▌
756759
-->
757760

758761
Centering on the Anchor: the ''anchor-center'' value {#anchor-center}
@@ -808,14 +811,15 @@ it might be useful to be able to trigger fallback
808811
as soon as it can't center itself.
809812

810813

811-
<!--
812-
██████ ██████ ████████ ███████ ██ ██
813-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
814-
██ ██ ██ ██ ██ ██ ██ ██
815-
██████ ██ ████████ ██ ██ ██ ██
816-
██ ██ ██ ██ ██ ██ ██ ██
817-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
818-
██████ ██████ ██ ██ ███████ ████████ ████████
814+
<!-- Big Text: scroll
815+
816+
███▌ ███▌ ████▌ ███▌ █▌ █▌
817+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
818+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
819+
███▌ █▌ ████▌ █▌ █▌ █▌ █▌
820+
█▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
821+
█▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
822+
███▌ ███▌ █▌ █▌ ███▌ █████ █████
819823
-->
820824

821825
Taking Scroll Into Account {#scroll}
@@ -909,14 +913,15 @@ If no fallback value is specified,
909913
it resolves to ''0px''.
910914

911915

912-
<!--
913-
███ ██████ ████ ████████ ████████ ███ ███
914-
██ ██ ██ ██ ██ ██ ██ ██ ██
915-
██ ██ ██ ██ ██ ██ ██ ██
916-
██ ██ ███████ ██████ ██ ██ ██████ ██ ██
917-
█████████ ██ ██ ██ ██ ██ ██
918-
██ ██ ██ ██ ██ ██ ██ ██ ██
919-
██ ██ ██████ ████ ████████ ████████ ███ ███
916+
<!-- Big Text: a-size()
917+
918+
███▌ ███▌ ████ █████▌ █████▌ ██ ██
919+
▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
920+
█▌ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
921+
█▌ █▌ ████▌ ███▌ ▐▌ █▌ ████ █▌ ▐█
922+
█████▌ █▌ ▐▌ █ █▌ █▌ ▐█
923+
█▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
924+
█▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
920925
-->
921926

922927
Anchor-based Sizing {#sizing}
@@ -989,11 +994,11 @@ it resolves to ''0px''.
989994
<!-- Big Text: fallback
990995

991996
█████▌ ███▌ █▌ █▌ ████▌ ███▌ ███▌ █▌ █▌
992-
█▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
993-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
994-
████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
995-
█▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
996-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
997+
█▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
998+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
999+
████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
1000+
█▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
1001+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
9971002
█▌ █▌ █▌ █████ █████ ████▌ █▌ █▌ ███▌ █▌ █▌
9981003
-->
9991004

@@ -1187,6 +1192,17 @@ this property determines which [=position option=] to use.
11871192
</dl>
11881193

11891194

1195+
<!-- Big Text: @pos-try
1196+
1197+
████▌ ████▌ ███▌ ███▌ █████▌ ████▌ █ ▐▌
1198+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1199+
█▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1200+
█▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1201+
█▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1202+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1203+
████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
1204+
-->
1205+
11901206
The ''@position-try'' Rule {#fallback-rule}
11911207
-------------------------------
11921208

@@ -1473,14 +1489,15 @@ This limit must be <em>at least</em> five.
14731489

14741490

14751491

1476-
<!--
1477-
██████ ██████ ██████ ███████ ██ ██
1478-
██ ██ ██ ██ ██ ██ ██ ██ ███ ███
1479-
██ ██ ██ ██ ██ ████ ████
1480-
██ ██████ ██████ ██ ██ ██ ███ ██
1481-
██ ██ ██ ██ ██ ██ ██
1482-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
1483-
██████ ██████ ██████ ███████ ██ ██
1492+
<!-- Big Text: cssom
1493+
1494+
███▌ ███▌ ███▌ ███▌ █ █
1495+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██ ██
1496+
█▌ █▌ █▌ █▌ █▌ █▌█ █▐█
1497+
█▌ ███▌ ███▌ █▌ █▌ █▌ █ ▐█
1498+
█▌ █▌ █▌ █▌ █▌ █▌ ▐█
1499+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
1500+
███▌ ███▌ ███▌ ███▌ █▌ ▐█
14841501
-->
14851502

14861503
DOM Interfaces {#interfaces}

0 commit comments

Comments
 (0)