Skip to content

Commit ca882b1

Browse files
tabatkinstabatkins
committed
[css-values-5][css-variables-1][editorial] bikeshed fixes
1 parent 0d22d18 commit ca882b1

2 files changed

Lines changed: 84 additions & 66 deletions

File tree

‎css-values-5/Overview.bs‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -421,7 +421,7 @@ Mixing and Interpolation Notations: the *-mix() family</h2>
421421
(rather than a full property value)?
422422

423423
<h3 id="progress-type">
424-
Representing Interpolation Progress: the <<progress>> type</h2>
424+
Representing Interpolation Progress: the <<progress>> type</h3>
425425

426426
The <dfn><<progress>></dfn> value type represents
427427
the [=mix progress value=] in a [=mix notation=],
@@ -1467,7 +1467,7 @@ Picking a Random Item From a List: the ''random-item()'' function</h3>
14671467

14681468

14691469
<h3 id=random-caching>
1470-
Generating/Caching Random Values: the <<random-caching-options>> value</h4>
1470+
Generating/Caching Random Values: the <<random-caching-options>> value</h3>
14711471

14721472
In a programming language like JavaScript,
14731473
there's a clear temporal ordering to code,

‎css-variables-1/Overview.bs‎

Lines changed: 82 additions & 64 deletions
Original file line numberDiff line numberDiff line change
@@ -72,13 +72,14 @@ Value Definitions</h3>
7272
For readability they have not been repeated explicitly.
7373

7474

75-
<!--
75+
<!-- Big Text: --*
7676

77-
██ ██
78-
██ ██
79-
███████ ███████ █████████
80-
██ ██
81-
██ ██
77+
78+
█ █
79+
█ █
80+
████▌ ████▌ ███████
81+
█ █
82+
█ █
8283

8384
-->
8485

@@ -230,6 +231,7 @@ Defining Custom Properties: the '--*' family of properties</h2>
230231
variable-declaration-58.html
231232
variable-declaration-60.html
232233
variable-definition-keywords.html
234+
variable-css-wide-keywords.html
233235
</wpt>
234236

235237
Note: That is, they're interpreted at cascaded-value time as normal,
@@ -360,14 +362,15 @@ Defining Custom Properties: the '--*' family of properties</h2>
360362
</div>
361363

362364

363-
<!--
364-
██████ ██ ██ ██ ██ ████████ ███ ██ ██
365-
██ ██ ██ ██ ███ ██ ██ ██ ██ ██ ██
366-
██ ████ ████ ██ ██ ██ ██ ██ ██
367-
██████ ██ ██ ██ ██ ██ ██ ██ ███
368-
██ ██ ██ ████ ██ █████████ ██ ██
369-
██ ██ ██ ██ ███ ██ ██ ██ ██ ██
370-
██████ ██ ██ ██ ██ ██ ██ ██ ██
365+
<!-- Big Text: Syntax
366+
367+
███▌ █ ▐▌ █ █▌ █████▌ ███▌ █ █
368+
█▌ █▌ ▐▌ █ █▌ █▌ █▌ ▐█ ▐█ █ █
369+
█▌ █ ▐▌ ██▌ █▌ █▌ █▌ █▌ █ █
370+
███▌ ▐▌█ █▌▐█ █▌ █▌ █▌ █▌ █
371+
█▌ █▌ █▌ ██▌ █▌ █████▌ █ █
372+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █ █
373+
███▌ █▌ █▌ ▐▌ █▌ █▌ █▌ █ █
371374
-->
372375

373376
<h3 id='syntax'>
@@ -476,14 +479,15 @@ Guaranteed-Invalid Values</h3>
476479

477480

478481

479-
<!--
480-
██████ ██ ██ ██████ ██ ████████ ██████
481-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
482-
██ ████ ██ ██ ██ ██
483-
██ ██ ██ ██ ██████ ██████
484-
██ ██ ██ ██ ██ ██
485-
██ ██ ██ ██ ██ ██ ██ ██ ██
486-
██████ ██ ██████ ████████ ████████ ██████
482+
<!-- Big Text: cycles
483+
484+
███▌ █ ▐▌ ███▌ █▌ █████▌ ███▌
485+
█▌ █▌ ▐▌ █ █▌ █▌ █▌ █▌ █▌ █▌
486+
█▌ █ ▐▌ █▌ █▌ █▌ █▌
487+
█▌ ▐▌█ █▌ █▌ ████ ███▌
488+
█▌ █▌ █▌ █▌ █▌ █▌
489+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
490+
███▌ █▌ ███▌ █████ █████▌ ███▌
487491
-->
488492

489493
<h3 id='cycles'>
@@ -599,14 +603,15 @@ Resolving Dependency Cycles</h3>
599603
</div>
600604

601605

602-
<!--
603-
██ ██ ███ ████████ ███ ███
604-
██ ██ ██ ██ ██ ██ ██ ██
605-
██ ██ ██ ██ ██ ██ ██ ██
606-
██ ██ ██ ██ ████████ ██ ██
607-
██ ██ █████████ ██ ██ ██ ██
608-
██ ██ ██ ██ ██ ██ ██ ██
609-
███ ██ ██ ██ ██ ███ ███
606+
<!-- Big Text: var()
607+
608+
█▌ █▌ ███▌ ████▌ ██ ██
609+
█▌ █▌ ▐█ ▐█ █▌ █▌ █▌ ▐█
610+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
611+
▐▌ █ █▌ █▌ ████▌ █▌ ▐█
612+
█ ▐▌ █████▌ █▌▐█ █▌ ▐█
613+
▐▌ █ █▌ █▌ █▌ ▐█ █▌ ▐█
614+
▐█ █▌ █▌ █▌ █▌ ██ ██
610615
-->
611616

612617

@@ -1007,14 +1012,15 @@ Using Cascading Variables: the ''var()'' notation</h2>
10071012
as it would if there were no fallback.
10081013
</div>
10091014

1010-
<!--
1011-
████ ██ ██ ██ ██ ███ ██ ████ ████████
1012-
██ ███ ██ ██ ██ ██ ██ ██ ██ ██ ██
1013-
██ ████ ██ ██ ██ ██ ██ ██ ██ ██ ██
1014-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██
1015-
██ ██ ████ ██ ██ █████████ ██ ██ ██ ██
1016-
██ ██ ███ ██ ██ ██ ██ ██ ██ ██ ██
1017-
████ ██ ██ ███ ██ ██ ████████ ████ ████████
1015+
<!-- Big Text: invalid
1016+
1017+
████ █ █▌ █▌ █▌ ███▌ █▌ ████ ████▌
1018+
▐▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ ▐▌ █▌ █▌
1019+
▐▌ ██▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ █▌ █▌
1020+
▐▌ █▌▐█ █▌ ▐▌ █ █▌ █▌ █▌ ▐▌ █▌ █▌
1021+
▐▌ █▌ ██▌ █ ▐▌ █████▌ █▌ ▐▌ █▌ █▌
1022+
▐▌ █▌ █▌ ▐▌ █ █▌ █▌ █▌ ▐▌ █▌ █▌
1023+
████ █▌ ▐▌ ▐█ █▌ █▌ █████ ████ ████▌
10181024
-->
10191025

10201026
<h3 id='invalid-variables'>
@@ -1083,14 +1089,15 @@ Invalid Variables</h3>
10831089
it's already thrown away the other cascaded values.
10841090

10851091

1086-
<!--
1087-
██████ ██ ██ ███████ ████████ ████████ ██ ██ ███ ██ ██ ████████
1088-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██
1089-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██ ██
1090-
██████ █████████ ██ ██ ████████ ██ █████████ ██ ██ ██ ██ ██ ██ ██
1091-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ █████████ ██ ████ ██ ██
1092-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██
1093-
██████ ██ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ██ ██ ████████
1092+
<!-- Big Text: shorthand
1093+
1094+
███▌ █▌ █▌ ███▌ ████▌ █████▌ █▌ █▌ ███▌ █ █▌ ████▌
1095+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ ▐█ █▌ █▌ █▌ █▌
1096+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌ █▌
1097+
███▌ █████▌ █▌ █▌ ████▌ █▌ █████▌ █▌ █▌ █▌▐█ █▌ █▌ █▌
1098+
█▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ █▌ █████▌ █▌ ██▌ █▌ █▌
1099+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1100+
███▌ █▌ █▌ ███▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐▌ ████▌
10941101
-->
10951102

10961103
<h3 id=variables-in-shorthands>
@@ -1156,14 +1163,15 @@ Variables in Shorthand Properties</h3>
11561163
or contain ''var()'' functions of their own that have not yet been substituted,
11571164
the [=shorthand property=] must serialize to the empty string.
11581165

1159-
<!--
1160-
████████ ███████ ███████ ██ ███████ ██ ██ ██████
1161-
██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██ ██
1162-
██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
1163-
██ ██ ██ ██ ██ ███████ ██ ██ ██ ██ ██ ██ ██ ████
1164-
██ ██ ██ ██ ██ ██ ██ ██ ██ ████ ██ ██
1165-
██ ██ ██ ██ ██ ██ ██ ██ ██ ███ ██ ██
1166-
██ ███████ ███████ ████████ ███████ ██ ██ ██████
1166+
<!-- Big Text: too long
1167+
1168+
█████▌ ███▌ ███▌ █▌ ███▌ █ █▌ ███▌
1169+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1170+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌
1171+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌▐█ █▌ █▌ ██▌
1172+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██▌ █▌ █▌
1173+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌
1174+
█▌ ███▌ ███▌ █████ ███▌ █▌ ▐▌ ███▌
11671175
-->
11681176

11691177
<h3 id=long-variables>
@@ -1218,14 +1226,15 @@ Safely Handling Overly-Long Variables</h3>
12181226

12191227

12201228

1221-
<!--
1222-
██████ ██████ ██████ ███████ ██ ██
1223-
██ ██ ██ ██ ██ ██ ██ ██ ███ ███
1224-
██ ██ ██ ██ ██ ████ ████
1225-
██ ██████ ██████ ██ ██ ██ ███ ██
1226-
██ ██ ██ ██ ██ ██ ██
1227-
██ ██ ██ ██ ██ ██ ██ ██ ██ ██
1228-
██████ ██████ ██████ ███████ ██ ██
1229+
<!-- Big Text: cssom
1230+
1231+
███▌ ███▌ ███▌ ███▌ █ █
1232+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ██ ██
1233+
█▌ █▌ █▌ █▌ █▌ █▌█ █▐█
1234+
█▌ ███▌ ███▌ █▌ █▌ █▌ █ ▐█
1235+
█▌ █▌ █▌ █▌ █▌ █▌ ▐█
1236+
█▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ █▌ ▐█
1237+
███▌ ███▌ ███▌ ███▌ █▌ ▐█
12291238
-->
12301239

12311240

@@ -1308,7 +1317,16 @@ Serializing Custom Properties</h3>
13081317
</div>
13091318

13101319

1320+
<!-- Big Text: etc
13111321

1322+
█████▌ █████▌ ███▌
1323+
█▌ █▌ █▌ █▌
1324+
█▌ █▌ █▌
1325+
████ █▌ █▌
1326+
█▌ █▌ █▌
1327+
█▌ █▌ █▌ █▌
1328+
█████▌ █▌ ███▌
1329+
-->
13121330
<h2 id='changes'>
13131331
Changes</h2>
13141332

@@ -1335,7 +1353,7 @@ Changes Since the 03 December 2015 CR</h3>
13351353
so that empty variables are still allowed.
13361354
(<a href="https://github.com/w3c/csswg-drafts/issues/774#issuecomment-434571254">Issue 774</a>)
13371355
* Similarly, made empty fallbacks valid in ''var()''.
1338-
* The '-' property is reserved for future use by CSS.
1356+
* The <css>--</css> property is reserved for future use by CSS.
13391357
* Added concept of "animation-tainted",
13401358
to prevent non-animatable properties
13411359
from using a variable to smuggle in some animatability.
@@ -1357,7 +1375,7 @@ Changes Since the 03 December 2015 CR</h3>
13571375
(previously, only the property name's serialization was specified).
13581376

13591377
<h3 id='changes-20140506'>
1360-
Changes since the May 6 2014 Last Call Working Draft</h2>
1378+
Changes since the May 6 2014 Last Call Working Draft</h3>
13611379

13621380
* Serialization of longhands when shorthand uses a variable was defined.
13631381
* Link to DOM's definition of "case-sensitive".

0 commit comments

Comments
 (0)