Skip to content

Commit 982c100

Browse files
kbabbittkbabbitt
committed
[css-gaps-1][editorial] Add Big Text headings
1 parent dd61a8c commit 982c100

1 file changed

Lines changed: 110 additions & 0 deletions

File tree

‎css-gaps-1/Overview.bs‎

Lines changed: 110 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,17 @@ Value Definitions</h3>
5050
also accept the <a>CSS-wide keywords</a> as their property value.
5151
For readability they have not been repeated explicitly.
5252

53+
<!-- Big Text: Decorations
54+
55+
████▌ █████▌ ███▌ ███▌ ████▌ ███▌ █████▌ ████ ███▌ █ █▌ ███▌
56+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌
57+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ ██▌ █▌ █▌
58+
█▌ █▌ ████ █▌ █▌ █▌ ████▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌▐█ █▌ ███▌
59+
█▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █████▌ █▌ ▐▌ █▌ █▌ █▌ ██▌ █▌
60+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌
61+
████▌ █████▌ ███▌ ███▌ █▌ █▌ █▌ █▌ █▌ ████ ███▌ █▌ ▐▌ ███▌
62+
-->
63+
5364
<h2 id="gap-decorations">
5465
Gap decorations</h2>
5566

@@ -92,6 +103,17 @@ Gap decorations</h2>
92103
</figure>
93104
</div>
94105

106+
<!-- Big Text: Painting
107+
108+
████▌ ███▌ ████ █ █▌ █████▌ ████ █ █▌ ███▌
109+
█▌ █▌ ▐█ ▐█ ▐▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌
110+
█▌ █▌ █▌ █▌ ▐▌ ██▌ █▌ █▌ ▐▌ ██▌ █▌ █▌
111+
████▌ █▌ █▌ ▐▌ █▌▐█ █▌ █▌ ▐▌ █▌▐█ █▌ █▌ ██▌
112+
█▌ █████▌ ▐▌ █▌ ██▌ █▌ ▐▌ █▌ ██▌ █▌ █▌
113+
█▌ █▌ █▌ ▐▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌
114+
█▌ █▌ █▌ ████ █▌ ▐▌ █▌ ████ █▌ ▐▌ ███▌
115+
-->
116+
95117
<h3 id="layout-painting">
96118
Layout and painting</h3>
97119

@@ -313,6 +335,17 @@ Layout and painting</h3>
313335
The decoration that is drawn is selected according to the
314336
<a href="https://www.w3.org/TR/CSS2/tables.html#border-conflict-resolution">border conflict resolution</a> rules for tables.
315337

338+
<!-- Big Text: rule-break
339+
340+
████▌ █▌ █▌ █▌ █████▌ ████▌ ████▌ █████▌ ███▌ █▌ █▌
341+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌
342+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌█▌
343+
████▌ █▌ █▌ █▌ ████ ████▌ █████ ████▌ ████ █▌ █▌ ██
344+
█▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ █████▌ █▌█▌
345+
█▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌
346+
█▌ █▌ ███▌ █████ █████▌ ████▌ █▌ █▌ █████▌ █▌ █▌ █▌ █▌
347+
-->
348+
316349
<h3 id="break">
317350
Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break', and 'rule-break' properties</h3>
318351

@@ -376,6 +409,17 @@ Breaking gap decorations into segments: The 'column-rule-break', 'row-rule-break
376409
parsing/rule-break-valid.html
377410
</wpt>
378411

412+
<!-- Big Text: Segments
413+
414+
███▌ █████▌ ███▌ █ █ █████▌ █ █▌ █████▌ ███▌
415+
█▌ █▌ █▌ █▌ █▌ ██ ██ █▌ █▌ █▌ █▌ █▌ █▌
416+
█▌ █▌ █▌ █▌█ █▐█ █▌ ██▌ █▌ █▌ █▌
417+
███▌ ████ █▌ ██▌ █▌ █ ▐█ ████ █▌▐█ █▌ █▌ ███▌
418+
█▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ ██▌ █▌ █▌
419+
█▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌
420+
███▌ █████▌ ███▌ █▌ ▐█ █████▌ █▌ ▐▌ █▌ ███▌
421+
-->
422+
379423
<h4 id="pairing">
380424
Pairing gap intersection points into segments</h4>
381425

@@ -596,6 +640,17 @@ Pairing gap intersection points into segments</h4>
596640
</figure>
597641
</div>
598642

643+
<!-- Big Text: rule-inset
644+
645+
████▌ █▌ █▌ █▌ █████▌ ████ █ █▌ ███▌ █████▌ █████▌
646+
█▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌
647+
█▌ █▌ █▌ █▌ █▌ █▌ ▐▌ ██▌ █▌ █▌ █▌ █▌
648+
████▌ █▌ █▌ █▌ ████ ████▌ ▐▌ █▌▐█ █▌ ███▌ ████ █▌
649+
█▌▐█ █▌ █▌ █▌ █▌ ▐▌ █▌ ██▌ █▌ █▌ █▌
650+
█▌ ▐█ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌ █▌
651+
█▌ █▌ ███▌ █████ █████▌ ████ █▌ ▐▌ ███▌ █████▌ █▌
652+
-->
653+
599654
<h3 id="inset">
600655
Adjusting gap decoration endpoints: The 'rule-inset' properties</h3>
601656

@@ -918,6 +973,17 @@ Adjusting gap decoration endpoints: The 'rule-inset' properties</h3>
918973
parsing/rule-interior-start-end-inset-invalid.html
919974
</wpt>
920975

976+
<!-- Big Text: rule-overlap
977+
978+
████▌ █▌ █▌ █▌ █████▌ ███▌ █▌ █▌ █████▌ ████▌ █▌ ███▌ ████▌
979+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌
980+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
981+
████▌ █▌ █▌ █▌ ████ ████▌ █▌ █▌ ▐▌ █ ████ ████▌ █▌ █▌ █▌ ████▌
982+
█▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌ █▌ █▌▐█ █▌ █████▌ █▌
983+
█▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ ▐█ █▌ █▌ █▌ █▌
984+
█▌ █▌ ███▌ █████ █████▌ ███▌ ▐█ █████▌ █▌ █▌ █████ █▌ █▌ █▌
985+
-->
986+
921987
<h3 id="overlap">
922988
Gap decoration overlap: The 'rule-overlap' property</h3>
923989

@@ -973,6 +1039,17 @@ Gap decoration overlap: The 'rule-overlap' property</h3>
9731039
parsing/rule-overlap-valid.html
9741040
</wpt>
9751041

1042+
<!-- Big Text: Color-Style-Width
1043+
1044+
███▌ ███▌ █▌ ███▌ ████▌ ███▌ █████▌ █ ▐▌ █▌ █████▌ █▌ █▌ ████ ████▌ █████▌ █▌ █▌
1045+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌
1046+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ ▐▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌
1047+
█▌ █▌ █▌ █▌ █▌ █▌ ████▌ ████▌ ███▌ █▌ ▐▌█ █▌ ████ ████▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █████▌
1048+
█▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌ █▌ █▌ ▐ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌
1049+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌ █▌
1050+
███▌ ███▌ █████ ███▌ █▌ █▌ ███▌ █▌ █▌ █████ █████▌ ██ ▐█▌ ████ ████▌ █▌ █▌ █▌
1051+
-->
1052+
9761053
<h2 id="color-style-width">
9771054
Color, style, and width</h2>
9781055

@@ -1122,6 +1199,17 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h
11221199
parsing/gap-decorations-width-valid.html
11231200
</wpt>
11241201

1202+
<!-- Big Text: Repeaters
1203+
1204+
████▌ █████▌ ████▌ █████▌ ███▌ █████▌ █████▌ ████▌ ███▌
1205+
█▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌
1206+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1207+
████▌ ████ ████▌ ████ █▌ █▌ █▌ ████ ████▌ ███▌
1208+
█▌▐█ █▌ █▌ █▌ █████▌ █▌ █▌ █▌▐█ █▌
1209+
█▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌
1210+
█▌ █▌ █████▌ █▌ █████▌ █▌ █▌ █▌ █████▌ █▌ █▌ ███▌
1211+
-->
1212+
11251213
<h3 id="lists-repeat">
11261214
Lists of values and the ''repeat-line-color/repeat()'' notation</h3>
11271215

@@ -1259,6 +1347,17 @@ Lists of values and the ''repeat-line-color/repeat()'' notation</h3>
12591347
agnostic/gap-decorations-011-crash.html
12601348
</wpt>
12611349

1350+
<!-- Big Text: Interpolation
1351+
1352+
████ █ █▌ █████▌ █████▌ ████▌ ████▌ ███▌ █▌ ███▌ █████▌ ████ ███▌ █ █▌
1353+
▐▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ ▐▌ █▌ █▌ █▌ █▌
1354+
▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ ██▌ █▌
1355+
▐▌ █▌▐█ █▌ █▌ ████ ████▌ ████▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌▐█ █▌
1356+
▐▌ █▌ ██▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ █▌ █████▌ █▌ ▐▌ █▌ █▌ █▌ ██▌
1357+
▐▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █▌
1358+
████ █▌ ▐▌ █▌ █████▌ █▌ █▌ █▌ ███▌ █████ █▌ █▌ █▌ ████ ███▌ █▌ ▐▌
1359+
-->
1360+
12621361
<h4 id="interpolation-behavior">Interpolation behavior</h4>
12631362
When interpolating ''repeat()'' values, or lists of values for 'rule-color' or 'rule-width', the interpolation proceeds in two steps:
12641363

@@ -1445,6 +1544,17 @@ When interpolating ''repeat()'' values, or lists of values for 'rule-color' or '
14451544
animation/rule-width-interpolation-repeaters.html
14461545
</wpt>
14471546

1547+
<!-- Big Text: Shorthands
1548+
1549+
███▌ █▌ █▌ ███▌ ████▌ █████▌ █▌ █▌ ███▌ █ █▌ ████▌ ███▌
1550+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌ █▌ █▌
1551+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌ █▌
1552+
███▌ █████▌ █▌ █▌ ████▌ █▌ █████▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ ███▌
1553+
█▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ █████▌ █▌ ██▌ █▌ █▌ █▌
1554+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1555+
███▌ █▌ █▌ ███▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ ████▌ ███▌
1556+
-->
1557+
14481558
<h3 id="gap-decoration-shorthands">
14491559
Gap decoration shorthands: The 'column-rule' and 'row-rule' properties</h3>
14501560

0 commit comments

Comments
 (0)