Skip to content

Commit 71d9c4a

Browse files
dbarondbaron
committed
[css-transitions] Link properties in table. Fix autolinks to reference appropriately-stable specs, mostly.
1 parent 2c88c7c commit 71d9c4a

2 files changed

Lines changed: 154 additions & 101 deletions

File tree

‎css-transitions/Overview.bs‎

Lines changed: 96 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -31,13 +31,64 @@ Abstract: CSS Transitions allows property changes in CSS values to occur smoothl
3131
Status Text: <strong>This document</strong> is expected to be relatively close to last call. While some issues raised have yet to be addressed, new features are extremely unlikely to be considered for this level.
3232
Ignored Terms: domstring, float
3333
</pre>
34+
<!-- FIXME: font-size and font-weight link defaults don't work -->
3435
<pre class="link-defaults">
35-
spec:css-position-3; type:property; text:left
36+
spec:css21; type:property; text:top
37+
spec:css21; type:property; text:right
38+
spec:css21; type:property; text:bottom
39+
spec:css21; type:property; text:left
40+
spec:css21; type:property; text:margin-top
41+
spec:css21; type:property; text:margin-right
42+
spec:css21; type:property; text:margin-bottom
43+
spec:css21; type:property; text:margin-left
44+
spec:css21; type:property; text:padding-top
45+
spec:css21; type:property; text:padding-right
46+
spec:css21; type:property; text:padding-bottom
47+
spec:css21; type:property; text:padding-left
48+
spec:css21; type:property; text:border-top-color
49+
spec:css21; type:property; text:border-right-color
50+
spec:css21; type:property; text:border-bottom-color
51+
spec:css21; type:property; text:border-left-color
52+
spec:css21; type:property; text:border-top-width
53+
spec:css21; type:property; text:border-right-width
54+
spec:css21; type:property; text:border-bottom-width
55+
spec:css21; type:property; text:border-left-width
56+
spec:css21; type:property; text:background-color
57+
spec:css21; type:property; text:background-position
58+
spec:css21; type:property; text:border-spacing
59+
spec:css21; type:property; text:width
60+
spec:css21; type:property; text:height
61+
spec:css21; type:property; text:min-width
62+
spec:css21; type:property; text:min-height
63+
spec:css21; type:property; text:max-width
64+
spec:css21; type:property; text:max-height
65+
spec:css21; type:property; text:clip
66+
spec:css21; type:property; text:letter-spacing
67+
spec:css21; type:property; text:line-height
68+
spec:css21; type:property; text:outline-color
69+
spec:css21; type:property; text:outline-width
70+
spec:css21; type:property; text:text-indent
71+
spec:css21; type:property; text:font-size
72+
spec:css21; type:property; text:font-weight
73+
spec:css-text-decor-3; type:property; text:text-shadow
74+
spec:css21; type:property; text:vertical-align
75+
spec:css21; type:property; text:visibility
76+
spec:css21; type:property; text:word-spacing
77+
spec:css21; type:property; text:z-index
78+
spec:css-color-3; type:property; text:color
79+
spec:css-color-3; type:property; text:opacity
3680
spec:css-values-3; type:type; text:<time>
81+
spec:css-color-3; type:value; text:green
82+
spec:css-color-3; type:value; text:blue
83+
spec:css-color-3; type:value; text:transparent
3784
</pre>
85+
<!-- FIXME: These overrides aren't great for dev/TR switching -->
3886
<pre class="anchors">
3987
url: http://dev.w3.org/csswg/css-backgrounds-3/#shadow-inset; type: value; for: shadow; text: inset;
4088
url: http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility; type: value; for: visibility; text: visible;
89+
url: http://dev.w3.org/csswg/css-color-3/#transparent; type: value; text: transparent;
90+
url: http://dev.w3.org/csswg/css-color-3/#html4; type: value; text: blue;
91+
url: http://dev.w3.org/csswg/css-color-3/#html4; type: value; text: green;
4192
</pre>
4293
</dl>
4394

@@ -1278,135 +1329,135 @@ url: http://www.w3.org/TR/CSS21/visufx.html#propdef-visibility; type: value; for
12781329
<th>Type</th>
12791330
</tr>
12801331
<tr>
1281-
<td>background-color</td><td>as <a href="#animtype-color">color</a></tr>
1332+
<td>'background-color'</td><td>as <a href="#animtype-color">color</a></tr>
12821333
<tr>
1283-
<td>background-position</td><td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1334+
<td>'background-position'</td><td>as <a href="#animtype-repeatable-list">repeatable list</a> of <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
12841335
</tr>
12851336
<tr>
1286-
<td>border-bottom-color</td><td>as <a href="#animtype-color">color</a></td>
1337+
<td>'border-bottom-color'</td><td>as <a href="#animtype-color">color</a></td>
12871338
</tr>
12881339
<tr>
1289-
<td>border-bottom-width</td><td>as <a href="#animtype-length">length</a></td>
1340+
<td>'border-bottom-width'</td><td>as <a href="#animtype-length">length</a></td>
12901341
</tr>
12911342
<tr>
1292-
<td>border-left-color</td><td>as <a href="#animtype-color">color</a></td>
1343+
<td>'border-left-color'</td><td>as <a href="#animtype-color">color</a></td>
12931344
</tr>
12941345
<tr>
1295-
<td>border-left-width</td><td>as <a href="#animtype-length">length</a></td>
1346+
<td>'border-left-width'</td><td>as <a href="#animtype-length">length</a></td>
12961347
</tr>
12971348
<tr>
1298-
<td>border-right-color</td><td>as <a href="#animtype-color">color</a></td>
1349+
<td>'border-right-color'</td><td>as <a href="#animtype-color">color</a></td>
12991350
</tr>
13001351
<tr>
1301-
<td>border-right-width</td><td>as <a href="#animtype-length">length</a></td>
1352+
<td>'border-right-width'</td><td>as <a href="#animtype-length">length</a></td>
13021353
</tr>
13031354
<tr>
1304-
<td>border-spacing</td><td>as <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-length">length</a></td>
1355+
<td>'border-spacing'</td><td>as <a href="#animtype-simple-list">simple list</a> of <a href="#animtype-length">length</a></td>
13051356
</tr>
13061357
<tr>
1307-
<td>border-top-color</td><td>as <a href="#animtype-color">color</a></td>
1358+
<td>'border-top-color'</td><td>as <a href="#animtype-color">color</a></td>
13081359
</tr>
13091360
<tr>
1310-
<td>border-top-width</td><td>as <a href="#animtype-length">length</a></td>
1361+
<td>'border-top-width'</td><td>as <a href="#animtype-length">length</a></td>
13111362
</tr>
13121363
<tr>
1313-
<td>bottom</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1364+
<td>'bottom'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13141365
</tr>
13151366
<tr>
1316-
<td>clip</td><td>as <a href="#animtype-rect">rectangle</a></td>
1367+
<td>'clip'</td><td>as <a href="#animtype-rect">rectangle</a></td>
13171368
</tr>
13181369
<tr>
1319-
<td>color</td><td>as <a href="#animtype-color">color</a></td>
1370+
<td>'color'</td><td>as <a href="#animtype-color">color</a></td>
13201371
</tr>
13211372
<tr>
1322-
<td>font-size</td><td>as <a href="#animtype-length">length</a></td>
1373+
<td>'font-size'</td><td>as <a href="#animtype-length">length</a></td>
13231374
</tr>
13241375
<tr>
1325-
<td>font-weight</td><td>as <a href="#animtype-font-weight">font weight</a></td>
1376+
<td>'font-weight!!property'</td><td>as <a href="#animtype-font-weight">font weight</a></td>
13261377
</tr>
13271378
<tr>
1328-
<td>height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1379+
<td>'height'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13291380
</tr>
13301381
<tr>
1331-
<td>left</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1382+
<td>'left'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13321383
</tr>
13331384
<tr>
1334-
<td>letter-spacing</td><td>as <a href="#animtype-length">length</a></td>
1385+
<td>'letter-spacing'</td><td>as <a href="#animtype-length">length</a></td>
13351386
</tr>
13361387
<tr>
1337-
<td>line-height</td><td>as either <a href="#animtype-number">number</a> or <a href="#animtype-length">length</a></td>
1388+
<td>'line-height'</td><td>as either <a href="#animtype-number">number</a> or <a href="#animtype-length">length</a></td>
13381389
</tr>
13391390
<tr>
1340-
<td>margin-bottom</td><td>as <a href="#animtype-length">length</a></td>
1391+
<td>'margin-bottom'</td><td>as <a href="#animtype-length">length</a></td>
13411392
</tr>
13421393
<tr>
1343-
<td>margin-left</td><td>as <a href="#animtype-length">length</a></td>
1394+
<td>'margin-left'</td><td>as <a href="#animtype-length">length</a></td>
13441395
</tr>
13451396
<tr>
1346-
<td>margin-right</td><td>as <a href="#animtype-length">length</a></td>
1397+
<td>'margin-right'</td><td>as <a href="#animtype-length">length</a></td>
13471398
</tr>
13481399
<tr>
1349-
<td>margin-top</td><td>as <a href="#animtype-length">length</a></td>
1400+
<td>'margin-top'</td><td>as <a href="#animtype-length">length</a></td>
13501401
</tr>
13511402
<tr>
1352-
<td>max-height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1403+
<td>'max-height'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13531404
</tr>
13541405
<tr>
1355-
<td>max-width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1406+
<td>'max-width'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13561407
</tr>
13571408
<tr>
1358-
<td>min-height</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1409+
<td>'min-height'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13591410
</tr>
13601411
<tr>
1361-
<td>min-width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1412+
<td>'min-width'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13621413
</tr>
13631414
<tr>
1364-
<td>opacity</td><td>as <a href="#animtype-number">number</a></td>
1415+
<td>'opacity'</td><td>as <a href="#animtype-number">number</a></td>
13651416
</tr>
13661417
<tr>
1367-
<td>outline-color</td><td>as <a href="#animtype-color">color</a></td>
1418+
<td>'outline-color'</td><td>as <a href="#animtype-color">color</a></td>
13681419
</tr>
13691420
<tr>
1370-
<td>outline-width</td><td>as <a href="#animtype-length">length</a></td>
1421+
<td>'outline-width'</td><td>as <a href="#animtype-length">length</a></td>
13711422
</tr>
13721423
<tr>
1373-
<td>padding-bottom</td><td>as <a href="#animtype-length">length</a></td>
1424+
<td>'padding-bottom'</td><td>as <a href="#animtype-length">length</a></td>
13741425
</tr>
13751426
<tr>
1376-
<td>padding-left</td><td>as <a href="#animtype-length">length</a></td>
1427+
<td>'padding-left'</td><td>as <a href="#animtype-length">length</a></td>
13771428
</tr>
13781429
<tr>
1379-
<td>padding-right</td><td>as <a href="#animtype-length">length</a></td>
1430+
<td>'padding-right'</td><td>as <a href="#animtype-length">length</a></td>
13801431
</tr>
13811432
<tr>
1382-
<td>padding-top</td><td>as <a href="#animtype-length">length</a></td>
1433+
<td>'padding-top'</td><td>as <a href="#animtype-length">length</a></td>
13831434
</tr>
13841435
<tr>
1385-
<td>right</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1436+
<td>'right'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13861437
</tr>
13871438
<tr>
1388-
<td>text-indent</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1439+
<td>'text-indent'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13891440
</tr>
13901441
<tr>
1391-
<td>text-shadow</td><td>as <a href="#animtype-shadow-list">shadow list</a></td>
1442+
<td>'text-shadow'</td><td>as <a href="#animtype-shadow-list">shadow list</a></td>
13921443
</tr>
13931444
<tr>
1394-
<td>top</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1445+
<td>'top'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
13951446
</tr>
13961447
<tr>
1397-
<td>vertical-align</td><td>as <a href="#animtype-length">length</a></td>
1448+
<td>'vertical-align'</td><td>as <a href="#animtype-length">length</a></td>
13981449
</tr>
13991450
<tr>
1400-
<td>visibility</td><td>as <a href="#animtype-visibility">visibility</a></td>
1451+
<td>'visibility'</td><td>as <a href="#animtype-visibility">visibility</a></td>
14011452
</tr>
14021453
<tr>
1403-
<td>width</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
1454+
<td>'width'</td><td>as <a href="#animtype-lpcalc">length, percentage, or calc</a></td>
14041455
</tr>
14051456
<tr>
1406-
<td>word-spacing</td><td>as <a href="#animtype-length">length</a></td>
1457+
<td>'word-spacing'</td><td>as <a href="#animtype-length">length</a></td>
14071458
</tr>
14081459
<tr>
1409-
<td>z-index</td><td>as <a href="#animtype-integer">integer</a></td>
1460+
<td>'z-index'</td><td>as <a href="#animtype-integer">integer</a></td>
14101461
</tr>
14111462
</table>
14121463

0 commit comments

Comments
 (0)