Skip to content

Commit 7b9bdf0

Browse files
tabatkinstabatkins
committed
[css-anchor-position][editorial] Add more headings
1 parent ab02227 commit 7b9bdf0

File tree

1 file changed

+73
-46
lines changed

1 file changed

+73
-46
lines changed

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

Lines changed: 73 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -106,11 +106,11 @@ Determining The Anchor {#determining}
106106
<!-- Big Text: a-name
107107

108108
███▌ █ █▌ ███▌ █ █ █████▌
109-
▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
110-
█▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
111-
█▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
112-
█████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
113-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
109+
▐█ ▐█ █▌ █▌ ▐█ ▐█ ██ ██ █▌
110+
█▌ █▌ ██▌ █▌ █▌ █▌ █▌█ █▐█ █▌
111+
█▌ █▌ ████▌ █▌▐█ █▌ █▌ █▌ █▌ █ ▐█ ████
112+
█████▌ █▌ ██▌ █████▌ █▌ ▐█ █▌
113+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
114114
█▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐█ █████▌
115115
-->
116116

@@ -271,12 +271,12 @@ or nothing (a missing specifier).
271271
<!-- Big Text: default
272272

273273
████▌ █████▌ █████▌ ███▌ █▌ █▌ █▌ █████▌
274-
█▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
275-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
276-
█▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
277-
█▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
278-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
279-
████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
274+
█▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
275+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
276+
█▌ █▌ ████ ████ █▌ █▌ █▌ █▌ █▌ █▌
277+
█▌ █▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
278+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
279+
████▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌
280280
-->
281281

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

350350
<!-- Big Text: inset-area
351351

352-
████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
353-
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
352+
████ █ █▌ ███▌ █████▌ █████▌ ███▌ ████▌ █████▌ ███▌
353+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█ ▐█
354354
▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
355355
▐▌ █▌▐█ █▌ ███▌ ████ █▌ ████▌ █▌ █▌ ████▌ ████ █▌ █▌
356356
▐▌ █▌ ██▌ █▌ █▌ █▌ █████▌ █▌▐█ █▌ █████▌
@@ -552,13 +552,13 @@ some of the [=inset-area grid's=] rows or columns can be zero-sized.
552552

553553
<!-- Big Text: anchor()
554554

555-
███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
556-
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
555+
███▌ █ █▌ ███▌ █▌ █▌ ███▌ ████▌ ██ ██
556+
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
557557
█▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
558558
█▌ █▌ █▌▐█ █▌ █▌ █████▌ █▌ █▌ ████▌ █▌ ▐█
559559
█████▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ ▐█
560-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
561-
█▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
560+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ ▐█
561+
█▌ █▌ █▌ ▐▌ ███▌ █▌ █▌ ███▌ █▌ █▌ ██ ██
562562
-->
563563

564564
The ''anchor()'' Function {#anchor-pos}
@@ -737,12 +737,12 @@ as if by an additional ''translate()'' transform.
737737

738738
<!-- Big Text: a-center
739739

740-
███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
740+
███▌ ███▌ █████▌ █ █▌ █████▌ █████▌ ████▌
741741
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
742742
█▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌ █▌
743-
█▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
744-
█████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
745-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
743+
█▌ █▌ ████▌ █▌ ████ █▌▐█ █▌ █▌ ████ ████▌
744+
█████▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌▐█
745+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
746746
█▌ █▌ ███▌ █████▌ █▌ ▐▌ █▌ █████▌ █▌ █▌
747747
-->
748748

@@ -787,12 +787,12 @@ and has no additional effect on how [=inset properties=] resolve.
787787

788788
<!-- Big Text: scroll
789789

790-
███▌ ███▌ ████▌ ███▌ █▌ █▌
791-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
792-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
793-
███▌ █▌ ████▌ █▌ █▌ █▌ █▌
794-
█▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
795-
█▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
790+
███▌ ███▌ ████▌ ███▌ █▌ █▌
791+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
792+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
793+
███▌ █▌ ████▌ █▌ █▌ █▌ █▌
794+
█▌ █▌ █▌▐█ █▌ █▌ █▌ █▌
795+
█▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
796796
███▌ ███▌ █▌ █▌ ███▌ █████ █████
797797
-->
798798

@@ -889,13 +889,13 @@ it resolves to ''0px''.
889889

890890
<!-- Big Text: a-size()
891891

892-
███▌ ███▌ ████ █████▌ █████▌ ██ ██
893-
▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
892+
███▌ ███▌ ████ █████▌ █████▌ ██ ██
893+
▐█ ▐█ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
894894
█▌ █▌ █▌ ▐▌ ▐▌ █▌ █▌ ▐█
895895
█▌ █▌ ████▌ ███▌ ▐▌ █▌ ████ █▌ ▐█
896896
█████▌ █▌ ▐▌ █ █▌ █▌ ▐█
897-
█▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
898-
█▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
897+
█▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█
898+
█▌ █▌ ███▌ ████ █████▌ █████▌ ██ ██
899899
-->
900900

901901
Anchor-based Sizing {#sizing}
@@ -968,11 +968,11 @@ it resolves to ''0px''.
968968
<!-- Big Text: fallback
969969

970970
█████▌ ███▌ █▌ █▌ ████▌ ███▌ ███▌ █▌ █▌
971-
█▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
972-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
973-
████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
974-
█▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
975-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
971+
█▌ ▐█ ▐█ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
972+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
973+
████ █▌ █▌ █▌ █▌ █████ █▌ █▌ █▌ ██
974+
█▌ █████▌ █▌ █▌ █▌ █▌ █████▌ █▌ █▌█▌
975+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
976976
█▌ █▌ █▌ █████ █████ ████▌ █▌ █▌ ███▌ █▌ █▌
977977
-->
978978

@@ -1096,7 +1096,16 @@ Values have the following meanings:
10961096
Otherwise, does nothing.
10971097
</dl>
10981098

1099-
<!-- Big Text: -order -->
1099+
<!-- Big Text: -order
1100+
1101+
███▌ ████▌ ████▌ █████▌ ████▌
1102+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1103+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1104+
████▌ █▌ █▌ ████▌ █▌ █▌ ████ ████▌
1105+
█▌ █▌ █▌▐█ █▌ █▌ █▌ █▌▐█
1106+
█▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ ▐█
1107+
███▌ █▌ █▌ ████▌ █████▌ █▌ █▌
1108+
-->
11001109

11011110
Determining Fallback Order: the 'position-try-order' property {#position-try-order-property}
11021111
----------------------------------
@@ -1252,12 +1261,12 @@ it's set to the property's initial value.
12521261
<!-- Big Text: @pos-try
12531262

12541263
████▌ ████▌ ███▌ ███▌ █████▌ ████▌ █ ▐▌
1255-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1256-
█▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1257-
█▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1258-
█▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1259-
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1260-
████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
1264+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1265+
█▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1266+
█▌▐█ █▌ ████▌ █▌ █▌ ███▌ ████▌ █▌ ████▌ ▐▌█
1267+
█▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌
1268+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌
1269+
████▌ █▌ ███▌ ███▌ █▌ █▌ █▌ █▌
12611270
-->
12621271

12631272
The ''@position-try'' Rule {#fallback-rule}
@@ -1285,7 +1294,7 @@ the last one in document order "wins".
12851294

12861295
Issue: Or should they cascade together?
12871296

1288-
The ''@position-try'' rule only <dfn lt="accepted @position-try properties">accepts</dfn>
1297+
The ''@position-try'' rule only <dfn export lt="accepted @position-try properties">accepts</dfn>
12891298
the following [=properties=]:
12901299

12911300
* [=inset properties=]
@@ -1323,7 +1332,16 @@ with keywords in 'position-try-options',
13231332
without using ''@position-try'' at all.
13241333

13251334

1326-
<!-- Big Text: -bounds -->
1335+
<!-- Big Text: -bounds
1336+
1337+
████▌ ███▌ █▌ █▌ █ █▌ ████▌ ███▌
1338+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1339+
█▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌
1340+
████▌ █████ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ ███▌
1341+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌
1342+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1343+
████▌ ███▌ ███▌ █▌ ▐▌ ████▌ ███▌
1344+
-->
13271345

13281346
Applying Stronger Fallback Bounds: the 'position-fallback-bounds' property {#fallback-bounds}
13291347
--------------------------------------------------------------------------
@@ -1389,7 +1407,16 @@ and applying the same constraints as described here,
13891407
to ensure proper ordering of layout
13901408

13911409

1392-
<!-- Big Text: apply -->
1410+
<!-- Big Text: apply
1411+
1412+
███▌ ████▌ ████▌ █▌ █ ▐▌
1413+
▐█ ▐█ █▌ █▌ █▌ █▌ █▌ ▐▌ █
1414+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌
1415+
█▌ █▌ ████▌ ████▌ █▌ ▐▌█
1416+
█████▌ █▌ █▌ █▌ █▌
1417+
█▌ █▌ █▌ █▌ █▌ █▌
1418+
█▌ █▌ █▌ █▌ █████ █▌
1419+
-->
13931420

13941421
Applying Position Fallback {#fallback-apply}
13951422
--------------------------

0 commit comments

Comments
 (0)