@webref/css 6.23.8 → 6.23.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css-align.json +3 -3
- package/css-backgrounds-4.json +1 -1
- package/css-borders.json +91 -41
- package/css-color.json +1 -1
- package/css-conditional-5.json +100 -0
- package/css-overflow-5.json +12 -0
- package/css-view-transitions.json +156 -12
- package/mediaqueries.json +0 -9
- package/package.json +1 -1
- package/css-view-transitions-2.json +0 -157
package/css-align.json
CHANGED
|
@@ -277,7 +277,7 @@
|
|
|
277
277
|
"values": [
|
|
278
278
|
{
|
|
279
279
|
"name": "normal",
|
|
280
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
280
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
281
281
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
282
282
|
"type": "value",
|
|
283
283
|
"value": "normal"
|
|
@@ -302,7 +302,7 @@
|
|
|
302
302
|
"values": [
|
|
303
303
|
{
|
|
304
304
|
"name": "normal",
|
|
305
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
305
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
306
306
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
307
307
|
"type": "value",
|
|
308
308
|
"value": "normal"
|
|
@@ -327,7 +327,7 @@
|
|
|
327
327
|
"values": [
|
|
328
328
|
{
|
|
329
329
|
"name": "normal",
|
|
330
|
-
"prose": "The normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
330
|
+
"prose": "The value normal represents a used value of 1em on multi-column containers, and a used value of 0px in all other contexts.",
|
|
331
331
|
"href": "https://drafts.csswg.org/css-align-3/#valdef-row-gap-normal",
|
|
332
332
|
"type": "value",
|
|
333
333
|
"value": "normal"
|
package/css-backgrounds-4.json
CHANGED
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
"name": "<bg-clip>",
|
|
374
374
|
"href": "https://drafts.csswg.org/css-backgrounds-4/#typedef-bg-clip",
|
|
375
375
|
"type": "type",
|
|
376
|
-
"value": "<visual-box> | border-area
|
|
376
|
+
"value": "<visual-box> | [ border-area || text ]",
|
|
377
377
|
"values": [
|
|
378
378
|
{
|
|
379
379
|
"name": "<visual-box>",
|
package/css-borders.json
CHANGED
|
@@ -964,22 +964,6 @@
|
|
|
964
964
|
"borderRadius"
|
|
965
965
|
]
|
|
966
966
|
},
|
|
967
|
-
{
|
|
968
|
-
"name": "corner-shape",
|
|
969
|
-
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
|
|
970
|
-
"value": "<corner-shape-value>{1,4}",
|
|
971
|
-
"initial": "round",
|
|
972
|
-
"appliesTo": "all elements where border-radius can apply",
|
|
973
|
-
"inherited": "no",
|
|
974
|
-
"percentages": "see individual properties",
|
|
975
|
-
"computedValue": "see individual properties",
|
|
976
|
-
"animationType": "see individual properties",
|
|
977
|
-
"canonicalOrder": "per grammar",
|
|
978
|
-
"styleDeclaration": [
|
|
979
|
-
"corner-shape",
|
|
980
|
-
"cornerShape"
|
|
981
|
-
]
|
|
982
|
-
},
|
|
983
967
|
{
|
|
984
968
|
"name": "corner-top-left-shape",
|
|
985
969
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left-shape",
|
|
@@ -1119,7 +1103,7 @@
|
|
|
1119
1103
|
{
|
|
1120
1104
|
"name": "corner-top-shape",
|
|
1121
1105
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-shape",
|
|
1122
|
-
"value": "<corner-shape
|
|
1106
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1123
1107
|
"initial": "see individual properties",
|
|
1124
1108
|
"appliesTo": "see individual properties",
|
|
1125
1109
|
"inherited": "see individual properties",
|
|
@@ -1135,7 +1119,7 @@
|
|
|
1135
1119
|
{
|
|
1136
1120
|
"name": "corner-right-shape",
|
|
1137
1121
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right-shape",
|
|
1138
|
-
"value": "<corner-shape
|
|
1122
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1139
1123
|
"initial": "see individual properties",
|
|
1140
1124
|
"appliesTo": "see individual properties",
|
|
1141
1125
|
"inherited": "see individual properties",
|
|
@@ -1151,7 +1135,7 @@
|
|
|
1151
1135
|
{
|
|
1152
1136
|
"name": "corner-bottom-shape",
|
|
1153
1137
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-shape",
|
|
1154
|
-
"value": "<corner-shape
|
|
1138
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1155
1139
|
"initial": "see individual properties",
|
|
1156
1140
|
"appliesTo": "see individual properties",
|
|
1157
1141
|
"inherited": "see individual properties",
|
|
@@ -1167,7 +1151,7 @@
|
|
|
1167
1151
|
{
|
|
1168
1152
|
"name": "corner-left-shape",
|
|
1169
1153
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left-shape",
|
|
1170
|
-
"value": "<corner-shape
|
|
1154
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1171
1155
|
"initial": "see individual properties",
|
|
1172
1156
|
"appliesTo": "see individual properties",
|
|
1173
1157
|
"inherited": "see individual properties",
|
|
@@ -1183,7 +1167,7 @@
|
|
|
1183
1167
|
{
|
|
1184
1168
|
"name": "corner-block-start-shape",
|
|
1185
1169
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start-shape",
|
|
1186
|
-
"value": "<corner-shape
|
|
1170
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1187
1171
|
"initial": "see individual properties",
|
|
1188
1172
|
"appliesTo": "see individual properties",
|
|
1189
1173
|
"inherited": "see individual properties",
|
|
@@ -1199,7 +1183,7 @@
|
|
|
1199
1183
|
{
|
|
1200
1184
|
"name": "corner-block-end-shape",
|
|
1201
1185
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end-shape",
|
|
1202
|
-
"value": "<corner-shape
|
|
1186
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1203
1187
|
"initial": "see individual properties",
|
|
1204
1188
|
"appliesTo": "see individual properties",
|
|
1205
1189
|
"inherited": "see individual properties",
|
|
@@ -1215,7 +1199,7 @@
|
|
|
1215
1199
|
{
|
|
1216
1200
|
"name": "corner-inline-start-shape",
|
|
1217
1201
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start-shape",
|
|
1218
|
-
"value": "<corner-shape
|
|
1202
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1219
1203
|
"initial": "see individual properties",
|
|
1220
1204
|
"appliesTo": "see individual properties",
|
|
1221
1205
|
"inherited": "see individual properties",
|
|
@@ -1231,7 +1215,7 @@
|
|
|
1231
1215
|
{
|
|
1232
1216
|
"name": "corner-inline-end-shape",
|
|
1233
1217
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end-shape",
|
|
1234
|
-
"value": "<corner-shape
|
|
1218
|
+
"value": "<'corner-top-left-shape'>{1,2}",
|
|
1235
1219
|
"initial": "see individual properties",
|
|
1236
1220
|
"appliesTo": "see individual properties",
|
|
1237
1221
|
"inherited": "see individual properties",
|
|
@@ -1244,10 +1228,76 @@
|
|
|
1244
1228
|
"cornerInlineEndShape"
|
|
1245
1229
|
]
|
|
1246
1230
|
},
|
|
1231
|
+
{
|
|
1232
|
+
"name": "corner-shape",
|
|
1233
|
+
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-shape",
|
|
1234
|
+
"value": "<'corner-top-left-shape'>{1,4}",
|
|
1235
|
+
"initial": "round",
|
|
1236
|
+
"appliesTo": "all elements where border-radius can apply",
|
|
1237
|
+
"inherited": "no",
|
|
1238
|
+
"percentages": "see individual properties",
|
|
1239
|
+
"computedValue": "see individual properties",
|
|
1240
|
+
"animationType": "see individual properties",
|
|
1241
|
+
"canonicalOrder": "per grammar",
|
|
1242
|
+
"values": [
|
|
1243
|
+
{
|
|
1244
|
+
"name": "round",
|
|
1245
|
+
"prose": "The corner shape is a quarter of a convex ellipse. Equivalent to superellipse(1).",
|
|
1246
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-round",
|
|
1247
|
+
"type": "value",
|
|
1248
|
+
"value": "round"
|
|
1249
|
+
},
|
|
1250
|
+
{
|
|
1251
|
+
"name": "squircle",
|
|
1252
|
+
"prose": "The corner shape is a quarter of a \"squircle\", a convex curve between round and square. Equivalent to superellipse(2).",
|
|
1253
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-squircle",
|
|
1254
|
+
"type": "value",
|
|
1255
|
+
"value": "squircle"
|
|
1256
|
+
},
|
|
1257
|
+
{
|
|
1258
|
+
"name": "square",
|
|
1259
|
+
"prose": "The corner shape is a convex 90deg angle. Equivalent to superellipse(infinity).",
|
|
1260
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-square",
|
|
1261
|
+
"type": "value",
|
|
1262
|
+
"value": "square"
|
|
1263
|
+
},
|
|
1264
|
+
{
|
|
1265
|
+
"name": "bevel",
|
|
1266
|
+
"prose": "The corner shape is a straight diagonal line, neither convex nor concave. Equivalent to superellipse(0).",
|
|
1267
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-bevel",
|
|
1268
|
+
"type": "value",
|
|
1269
|
+
"value": "bevel"
|
|
1270
|
+
},
|
|
1271
|
+
{
|
|
1272
|
+
"name": "scoop",
|
|
1273
|
+
"prose": "The corner shape is a concave quarter-ellipse. Equivalent to superellipse(-1).",
|
|
1274
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-scoop",
|
|
1275
|
+
"type": "value",
|
|
1276
|
+
"value": "scoop"
|
|
1277
|
+
},
|
|
1278
|
+
{
|
|
1279
|
+
"name": "notch",
|
|
1280
|
+
"prose": "The corner shape is a concave 90deg angle. Equivalent to superellipse(-infinity).",
|
|
1281
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-notch",
|
|
1282
|
+
"type": "value",
|
|
1283
|
+
"value": "notch"
|
|
1284
|
+
},
|
|
1285
|
+
{
|
|
1286
|
+
"name": "superellipse()",
|
|
1287
|
+
"value": "superellipse()",
|
|
1288
|
+
"href": "https://drafts.csswg.org/css-borders-4/#valdef-corner-shape-value-superellipse-k",
|
|
1289
|
+
"type": "value"
|
|
1290
|
+
}
|
|
1291
|
+
],
|
|
1292
|
+
"styleDeclaration": [
|
|
1293
|
+
"corner-shape",
|
|
1294
|
+
"cornerShape"
|
|
1295
|
+
]
|
|
1296
|
+
},
|
|
1247
1297
|
{
|
|
1248
1298
|
"name": "corner-top-left",
|
|
1249
1299
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-left",
|
|
1250
|
-
"value": "<
|
|
1300
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1251
1301
|
"initial": "0",
|
|
1252
1302
|
"appliesTo": "all elements (but see prose)",
|
|
1253
1303
|
"inherited": "no",
|
|
@@ -1263,7 +1313,7 @@
|
|
|
1263
1313
|
{
|
|
1264
1314
|
"name": "corner-top-right",
|
|
1265
1315
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top-right",
|
|
1266
|
-
"value": "<
|
|
1316
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1267
1317
|
"initial": "0",
|
|
1268
1318
|
"appliesTo": "all elements (but see prose)",
|
|
1269
1319
|
"inherited": "no",
|
|
@@ -1279,7 +1329,7 @@
|
|
|
1279
1329
|
{
|
|
1280
1330
|
"name": "corner-bottom-left",
|
|
1281
1331
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-left",
|
|
1282
|
-
"value": "<
|
|
1332
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1283
1333
|
"initial": "0",
|
|
1284
1334
|
"appliesTo": "all elements (but see prose)",
|
|
1285
1335
|
"inherited": "no",
|
|
@@ -1295,7 +1345,7 @@
|
|
|
1295
1345
|
{
|
|
1296
1346
|
"name": "corner-bottom-right",
|
|
1297
1347
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom-right",
|
|
1298
|
-
"value": "<
|
|
1348
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1299
1349
|
"initial": "0",
|
|
1300
1350
|
"appliesTo": "all elements (but see prose)",
|
|
1301
1351
|
"inherited": "no",
|
|
@@ -1311,7 +1361,7 @@
|
|
|
1311
1361
|
{
|
|
1312
1362
|
"name": "corner-start-start",
|
|
1313
1363
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-start",
|
|
1314
|
-
"value": "<
|
|
1364
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1315
1365
|
"initial": "0",
|
|
1316
1366
|
"appliesTo": "all elements (but see prose)",
|
|
1317
1367
|
"inherited": "no",
|
|
@@ -1327,7 +1377,7 @@
|
|
|
1327
1377
|
{
|
|
1328
1378
|
"name": "corner-start-end",
|
|
1329
1379
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-start-end",
|
|
1330
|
-
"value": "<
|
|
1380
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1331
1381
|
"initial": "0",
|
|
1332
1382
|
"appliesTo": "all elements (but see prose)",
|
|
1333
1383
|
"inherited": "no",
|
|
@@ -1343,7 +1393,7 @@
|
|
|
1343
1393
|
{
|
|
1344
1394
|
"name": "corner-end-start",
|
|
1345
1395
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-start",
|
|
1346
|
-
"value": "<
|
|
1396
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1347
1397
|
"initial": "0",
|
|
1348
1398
|
"appliesTo": "all elements (but see prose)",
|
|
1349
1399
|
"inherited": "no",
|
|
@@ -1359,7 +1409,7 @@
|
|
|
1359
1409
|
{
|
|
1360
1410
|
"name": "corner-end-end",
|
|
1361
1411
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-end-end",
|
|
1362
|
-
"value": "<
|
|
1412
|
+
"value": "<'border-top-left-radius'>{1,2} || <'corner-top-left-shape'>",
|
|
1363
1413
|
"initial": "0",
|
|
1364
1414
|
"appliesTo": "all elements (but see prose)",
|
|
1365
1415
|
"inherited": "no",
|
|
@@ -1375,7 +1425,7 @@
|
|
|
1375
1425
|
{
|
|
1376
1426
|
"name": "corner-top",
|
|
1377
1427
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-top",
|
|
1378
|
-
"value": "
|
|
1428
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1379
1429
|
"initial": "0",
|
|
1380
1430
|
"appliesTo": "all elements (but see prose)",
|
|
1381
1431
|
"inherited": "no",
|
|
@@ -1391,7 +1441,7 @@
|
|
|
1391
1441
|
{
|
|
1392
1442
|
"name": "corner-right",
|
|
1393
1443
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-right",
|
|
1394
|
-
"value": "
|
|
1444
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1395
1445
|
"initial": "0",
|
|
1396
1446
|
"appliesTo": "all elements (but see prose)",
|
|
1397
1447
|
"inherited": "no",
|
|
@@ -1407,7 +1457,7 @@
|
|
|
1407
1457
|
{
|
|
1408
1458
|
"name": "corner-bottom",
|
|
1409
1459
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-bottom",
|
|
1410
|
-
"value": "
|
|
1460
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1411
1461
|
"initial": "0",
|
|
1412
1462
|
"appliesTo": "all elements (but see prose)",
|
|
1413
1463
|
"inherited": "no",
|
|
@@ -1423,7 +1473,7 @@
|
|
|
1423
1473
|
{
|
|
1424
1474
|
"name": "corner-left",
|
|
1425
1475
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-left",
|
|
1426
|
-
"value": "
|
|
1476
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1427
1477
|
"initial": "0",
|
|
1428
1478
|
"appliesTo": "all elements (but see prose)",
|
|
1429
1479
|
"inherited": "no",
|
|
@@ -1439,7 +1489,7 @@
|
|
|
1439
1489
|
{
|
|
1440
1490
|
"name": "corner-block-start",
|
|
1441
1491
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-start",
|
|
1442
|
-
"value": "
|
|
1492
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1443
1493
|
"initial": "0",
|
|
1444
1494
|
"appliesTo": "all elements (but see prose)",
|
|
1445
1495
|
"inherited": "no",
|
|
@@ -1455,7 +1505,7 @@
|
|
|
1455
1505
|
{
|
|
1456
1506
|
"name": "corner-block-end",
|
|
1457
1507
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-block-end",
|
|
1458
|
-
"value": "
|
|
1508
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1459
1509
|
"initial": "0",
|
|
1460
1510
|
"appliesTo": "all elements (but see prose)",
|
|
1461
1511
|
"inherited": "no",
|
|
@@ -1471,7 +1521,7 @@
|
|
|
1471
1521
|
{
|
|
1472
1522
|
"name": "corner-inline-start",
|
|
1473
1523
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-start",
|
|
1474
|
-
"value": "
|
|
1524
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1475
1525
|
"initial": "0",
|
|
1476
1526
|
"appliesTo": "all elements (but see prose)",
|
|
1477
1527
|
"inherited": "no",
|
|
@@ -1487,7 +1537,7 @@
|
|
|
1487
1537
|
{
|
|
1488
1538
|
"name": "corner-inline-end",
|
|
1489
1539
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner-inline-end",
|
|
1490
|
-
"value": "
|
|
1540
|
+
"value": "<'border-top-radius'> || <'corner-top-shape'>",
|
|
1491
1541
|
"initial": "0",
|
|
1492
1542
|
"appliesTo": "all elements (but see prose)",
|
|
1493
1543
|
"inherited": "no",
|
|
@@ -1503,7 +1553,7 @@
|
|
|
1503
1553
|
{
|
|
1504
1554
|
"name": "corner",
|
|
1505
1555
|
"href": "https://drafts.csswg.org/css-borders-4/#propdef-corner",
|
|
1506
|
-
"value": "
|
|
1556
|
+
"value": "<'border-radius'> || <'corner-shape'>",
|
|
1507
1557
|
"initial": "0",
|
|
1508
1558
|
"appliesTo": "all elements (but see prose)",
|
|
1509
1559
|
"inherited": "no",
|
package/css-color.json
CHANGED
|
@@ -1498,7 +1498,7 @@
|
|
|
1498
1498
|
},
|
|
1499
1499
|
{
|
|
1500
1500
|
"name": "rec2020",
|
|
1501
|
-
"prose": "The rec2020 [Rec.2020] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1], (\"full-range\", in video terminology). ITU Reference 2020 is used for Ultra High Definition, 4k and 8k television. The primaries are physically realizable, but with difficulty as they lie very close to the spectral locus. Current displays are unable to reproduce the full gamut of rec2020. Coverage is expected to increase over time as displays improve. It has the following characteristics: x y Red chromaticity 0.708 0.292 Green chromaticity 0.170 0.797 Blue chromaticity 0.131 0.046 White chromaticity D65 Transfer function
|
|
1501
|
+
"prose": "The rec2020 [Rec.2020] color space accepts three numeric parameters, representing the red, green, and blue components of the color. In-gamut colors have all three components in the range [0, 1], (\"full-range\", in video terminology). ITU Reference 2020 is used for Ultra High Definition, 4k and 8k television. The primaries are physically realizable, but with difficulty as they lie very close to the spectral locus. Current displays are unable to reproduce the full gamut of rec2020. Coverage is expected to increase over time as displays improve. It has the following characteristics: x y Red chromaticity 0.708 0.292 Green chromaticity 0.170 0.797 Blue chromaticity 0.131 0.046 White chromaticity D65 Transfer function gamma 2.40, from [REC_BT.1886] Image state display-referred Percentages Allowed for R, G and B Percent reference range for R,G,B: 0% = 0.0, 100% = 1.0 Visualization of the rec2020 color space in LCH. The primaries and secondaries are shown (but in sRGB, not in the correct colors). For comparison, the sRGB primaries and secondaries are also shown, as dashed circles. rec2020 primaries have much higher Chroma.",
|
|
1502
1502
|
"href": "https://drafts.csswg.org/css-color-4/#valdef-color-rec2020",
|
|
1503
1503
|
"type": "value",
|
|
1504
1504
|
"value": "rec2020"
|
package/css-conditional-5.json
CHANGED
|
@@ -398,6 +398,106 @@
|
|
|
398
398
|
"value": "inline"
|
|
399
399
|
}
|
|
400
400
|
]
|
|
401
|
+
},
|
|
402
|
+
{
|
|
403
|
+
"name": "direction",
|
|
404
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#descdef-container-direction",
|
|
405
|
+
"for": "@container",
|
|
406
|
+
"value": "none | top | right | bottom | left | block-start | inline-start | block-end | inline-end | x | y | block | inline",
|
|
407
|
+
"type": "discrete",
|
|
408
|
+
"values": [
|
|
409
|
+
{
|
|
410
|
+
"name": "none",
|
|
411
|
+
"prose": "The query container has not had a relative scroll yet.",
|
|
412
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-none",
|
|
413
|
+
"type": "value",
|
|
414
|
+
"value": "none"
|
|
415
|
+
},
|
|
416
|
+
{
|
|
417
|
+
"name": "top",
|
|
418
|
+
"prose": "The most recent relative scroll was upwards.",
|
|
419
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-top",
|
|
420
|
+
"type": "value",
|
|
421
|
+
"value": "top"
|
|
422
|
+
},
|
|
423
|
+
{
|
|
424
|
+
"name": "right",
|
|
425
|
+
"prose": "The most recent relative scroll was to the right.",
|
|
426
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-right",
|
|
427
|
+
"type": "value",
|
|
428
|
+
"value": "right"
|
|
429
|
+
},
|
|
430
|
+
{
|
|
431
|
+
"name": "bottom",
|
|
432
|
+
"prose": "The most recent relative scroll was downwards.",
|
|
433
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-bottom",
|
|
434
|
+
"type": "value",
|
|
435
|
+
"value": "bottom"
|
|
436
|
+
},
|
|
437
|
+
{
|
|
438
|
+
"name": "left",
|
|
439
|
+
"prose": "The most recent relative scroll was to the left.",
|
|
440
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-left",
|
|
441
|
+
"type": "value",
|
|
442
|
+
"value": "left"
|
|
443
|
+
},
|
|
444
|
+
{
|
|
445
|
+
"name": "block-start",
|
|
446
|
+
"prose": "The most recent relative scroll was towards the block-start direction.",
|
|
447
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-start",
|
|
448
|
+
"type": "value",
|
|
449
|
+
"value": "block-start"
|
|
450
|
+
},
|
|
451
|
+
{
|
|
452
|
+
"name": "inline-start",
|
|
453
|
+
"prose": "The most recent relative scroll was towards the inline-start direction.",
|
|
454
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-start",
|
|
455
|
+
"type": "value",
|
|
456
|
+
"value": "inline-start"
|
|
457
|
+
},
|
|
458
|
+
{
|
|
459
|
+
"name": "block-end",
|
|
460
|
+
"prose": "The most recent relative scroll was towards the block-end direction.",
|
|
461
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block-end",
|
|
462
|
+
"type": "value",
|
|
463
|
+
"value": "block-end"
|
|
464
|
+
},
|
|
465
|
+
{
|
|
466
|
+
"name": "inline-end",
|
|
467
|
+
"prose": "The most recent relative scroll was towards the inline-end direction.",
|
|
468
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline-end",
|
|
469
|
+
"type": "value",
|
|
470
|
+
"value": "inline-end"
|
|
471
|
+
},
|
|
472
|
+
{
|
|
473
|
+
"name": "x",
|
|
474
|
+
"prose": "The most recent relative scroll was in the horizontal direction.",
|
|
475
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-x",
|
|
476
|
+
"type": "value",
|
|
477
|
+
"value": "x"
|
|
478
|
+
},
|
|
479
|
+
{
|
|
480
|
+
"name": "y",
|
|
481
|
+
"prose": "The most recent relative scroll was in the vertical direction.",
|
|
482
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-y",
|
|
483
|
+
"type": "value",
|
|
484
|
+
"value": "y"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "block",
|
|
488
|
+
"prose": "The most recent relative scroll was in the block direction.",
|
|
489
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-block",
|
|
490
|
+
"type": "value",
|
|
491
|
+
"value": "block"
|
|
492
|
+
},
|
|
493
|
+
{
|
|
494
|
+
"name": "inline",
|
|
495
|
+
"prose": "The most recent relative scroll was in the inline direction.",
|
|
496
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#valdef-container-direction-inline",
|
|
497
|
+
"type": "value",
|
|
498
|
+
"value": "inline"
|
|
499
|
+
}
|
|
500
|
+
]
|
|
401
501
|
}
|
|
402
502
|
],
|
|
403
503
|
"value": "@container <container-condition># { <block-contents> }"
|
package/css-overflow-5.json
CHANGED
|
@@ -132,6 +132,18 @@
|
|
|
132
132
|
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-current",
|
|
133
133
|
"value": ":target-current"
|
|
134
134
|
},
|
|
135
|
+
{
|
|
136
|
+
"name": ":target-before",
|
|
137
|
+
"prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
|
|
138
|
+
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-before",
|
|
139
|
+
"value": ":target-before"
|
|
140
|
+
},
|
|
141
|
+
{
|
|
142
|
+
"name": ":target-after",
|
|
143
|
+
"prose": "In addition to the :target-current pseudo-class, this specification introduces the :target-before and :target-after pseudo-classes for use with scroll marker elements.",
|
|
144
|
+
"href": "https://drafts.csswg.org/css-overflow-5/#selectordef-target-after",
|
|
145
|
+
"value": ":target-after"
|
|
146
|
+
},
|
|
135
147
|
{
|
|
136
148
|
"name": "::scroll-button()",
|
|
137
149
|
"value": "::scroll-button( '*' | <scroll-button-direction> )",
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"spec": {
|
|
3
|
-
"title": "CSS View Transitions Module Level
|
|
4
|
-
"url": "https://drafts.csswg.org/css-view-transitions-
|
|
3
|
+
"title": "CSS View Transitions Module Level 2",
|
|
4
|
+
"url": "https://drafts.csswg.org/css-view-transitions-2/"
|
|
5
5
|
},
|
|
6
6
|
"properties": [
|
|
7
7
|
{
|
|
8
8
|
"name": "view-transition-name",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
9
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-name",
|
|
10
10
|
"value": "none | <custom-ident>",
|
|
11
11
|
"initial": "none",
|
|
12
12
|
"appliesTo": "all elements",
|
|
@@ -19,14 +19,14 @@
|
|
|
19
19
|
{
|
|
20
20
|
"name": "none",
|
|
21
21
|
"prose": "The element will not participate independently in a view transition.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
22
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-name-none",
|
|
23
23
|
"type": "value",
|
|
24
24
|
"value": "none"
|
|
25
25
|
},
|
|
26
26
|
{
|
|
27
27
|
"name": "<custom-ident>",
|
|
28
28
|
"prose": "The element participates independently in a view transition—as either an old or new element—with the specified view transition name. Each view transition name is a tree-scoped name. The values none, auto, and match-element are excluded from <custom-ident> here.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
29
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-name-custom-ident",
|
|
30
30
|
"type": "value",
|
|
31
31
|
"value": "<custom-ident>"
|
|
32
32
|
}
|
|
@@ -35,43 +35,187 @@
|
|
|
35
35
|
"view-transition-name",
|
|
36
36
|
"viewTransitionName"
|
|
37
37
|
]
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"name": "view-transition-class",
|
|
41
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",
|
|
42
|
+
"value": "none | <custom-ident>+",
|
|
43
|
+
"initial": "none",
|
|
44
|
+
"appliesTo": "all elements",
|
|
45
|
+
"inherited": "no",
|
|
46
|
+
"percentages": "n/a",
|
|
47
|
+
"computedValue": "as specified",
|
|
48
|
+
"canonicalOrder": "per grammar",
|
|
49
|
+
"animationType": "discrete",
|
|
50
|
+
"values": [
|
|
51
|
+
{
|
|
52
|
+
"name": "none",
|
|
53
|
+
"prose": "No class would apply to the named view transition pseudo-elements generated for this element.",
|
|
54
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-none",
|
|
55
|
+
"type": "value",
|
|
56
|
+
"value": "none"
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
"name": "<custom-ident>+",
|
|
60
|
+
"prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>. Each 'view transition class' is a tree-scoped name.",
|
|
61
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-custom-ident",
|
|
62
|
+
"type": "value",
|
|
63
|
+
"value": "<custom-ident>+"
|
|
64
|
+
}
|
|
65
|
+
],
|
|
66
|
+
"styleDeclaration": [
|
|
67
|
+
"view-transition-class",
|
|
68
|
+
"viewTransitionClass"
|
|
69
|
+
]
|
|
70
|
+
},
|
|
71
|
+
{
|
|
72
|
+
"name": "view-transition-group",
|
|
73
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
|
|
74
|
+
"value": "normal | contain | nearest | <custom-ident>",
|
|
75
|
+
"initial": "normal",
|
|
76
|
+
"appliesTo": "all elements",
|
|
77
|
+
"inherited": "no",
|
|
78
|
+
"percentages": "n/a",
|
|
79
|
+
"computedValue": "as specified",
|
|
80
|
+
"canonicalOrder": "per grammar",
|
|
81
|
+
"animationType": "discrete",
|
|
82
|
+
"values": [
|
|
83
|
+
{
|
|
84
|
+
"name": "normal",
|
|
85
|
+
"prose": "containingGroupName.",
|
|
86
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
|
|
87
|
+
"type": "value",
|
|
88
|
+
"value": "normal"
|
|
89
|
+
},
|
|
90
|
+
{
|
|
91
|
+
"name": "contain",
|
|
92
|
+
"prose": "containingGroupName.",
|
|
93
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
|
|
94
|
+
"type": "value",
|
|
95
|
+
"value": "contain"
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
"name": "nearest",
|
|
99
|
+
"prose": "The document-scoped view transition name of the element’s nearest flat tree ancestor which participates in the transition.",
|
|
100
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
|
|
101
|
+
"type": "value",
|
|
102
|
+
"value": "nearest"
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
"name": "<custom-ident>",
|
|
106
|
+
"prose": "group if the element has a flat tree ancestor whose document-scoped view transition name is group and participates in transition; Otherwise containingGroupName.",
|
|
107
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
|
|
108
|
+
"type": "value",
|
|
109
|
+
"value": "<custom-ident>"
|
|
110
|
+
}
|
|
111
|
+
],
|
|
112
|
+
"styleDeclaration": [
|
|
113
|
+
"view-transition-group",
|
|
114
|
+
"viewTransitionGroup"
|
|
115
|
+
]
|
|
116
|
+
}
|
|
117
|
+
],
|
|
118
|
+
"atrules": [
|
|
119
|
+
{
|
|
120
|
+
"name": "@view-transition",
|
|
121
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#at-view-transition-rule",
|
|
122
|
+
"descriptors": [
|
|
123
|
+
{
|
|
124
|
+
"name": "navigation",
|
|
125
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
|
|
126
|
+
"for": "@view-transition",
|
|
127
|
+
"value": "auto | none",
|
|
128
|
+
"initial": "none",
|
|
129
|
+
"values": [
|
|
130
|
+
{
|
|
131
|
+
"name": "none",
|
|
132
|
+
"prose": "There will be no transition.",
|
|
133
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-none",
|
|
134
|
+
"type": "value",
|
|
135
|
+
"value": "none"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "auto",
|
|
139
|
+
"prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects, and whose NavigationType is traverse, or push or replace, with user navigation involvement not equal to \"browser UI\".",
|
|
140
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-auto",
|
|
141
|
+
"type": "value",
|
|
142
|
+
"value": "auto"
|
|
143
|
+
}
|
|
144
|
+
]
|
|
145
|
+
},
|
|
146
|
+
{
|
|
147
|
+
"name": "types",
|
|
148
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
|
|
149
|
+
"for": "@view-transition",
|
|
150
|
+
"value": "none | <custom-ident>+",
|
|
151
|
+
"initial": "none"
|
|
152
|
+
}
|
|
153
|
+
],
|
|
154
|
+
"value": "@view-transition { <declaration-list> }"
|
|
38
155
|
}
|
|
39
156
|
],
|
|
40
|
-
"atrules": [],
|
|
41
157
|
"selectors": [
|
|
42
158
|
{
|
|
43
159
|
"name": "::view-transition",
|
|
44
160
|
"prose": "The ::view-transition pseudo-element is a tree-abiding pseudo-element that is also a pseudo-element root. Its originating element is the document’s document element, and its containing block is the snapshot containing block.",
|
|
45
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
161
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition",
|
|
46
162
|
"value": "::view-transition"
|
|
47
163
|
},
|
|
48
164
|
{
|
|
49
165
|
"name": "::view-transition-group()",
|
|
50
166
|
"prose": "The ::view-transition-group() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group() pseudo-element is generated for each view transition name as a child of the ::view-transition pseudo-element, and contains a corresponding ::view-transition-image-pair().",
|
|
51
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
167
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group"
|
|
52
168
|
},
|
|
53
169
|
{
|
|
54
170
|
"name": "::view-transition-image-pair()",
|
|
55
171
|
"prose": "The ::view-transition-image-pair() pseudo-element is a named view transition pseudo-element that represents a pair of corresponding old/new view transition captures. This pseudo-element is a child of the corresponding ::view-transition-group() pseudo-element and contains a corresponding ::view-transition-old() pseudo-element and/or a corresponding ::view-transition-new() pseudo-element (in that order).",
|
|
56
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
172
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-image-pair"
|
|
57
173
|
},
|
|
58
174
|
{
|
|
59
175
|
"name": "::view-transition-old()",
|
|
60
176
|
"prose": "The ::view-transition-old() pseudo-element is an empty named view transition pseudo-element that represents a visual snapshot of the “old” state as a replaced element; it is omitted if there’s no “old” state to represent. Each ::view-transition-old() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
177
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-old"
|
|
62
178
|
},
|
|
63
179
|
{
|
|
64
180
|
"name": "::view-transition-new()",
|
|
65
181
|
"prose": "The ::view-transition-new() pseudo-element (like the analogous ::view-transition-old() pseudo-element) is an empty named view transition pseudo-element that represents a visual snapshot of the “new” state as a replaced element; it is omitted if there’s no “new” state to represent. Each ::view-transition-new() pseudo-element is a child of the corresponding ::view-transition-image-pair() pseudo-element.",
|
|
66
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
182
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-new"
|
|
183
|
+
},
|
|
184
|
+
{
|
|
185
|
+
"name": ":active-view-transition",
|
|
186
|
+
"prose": "The :active-view-transition pseudo-class applies to the root element of the document, if it has an active view transition.",
|
|
187
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo",
|
|
188
|
+
"value": ":active-view-transition"
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
"name": ":active-view-transition-type()",
|
|
192
|
+
"prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
|
|
193
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
|
|
194
|
+
},
|
|
195
|
+
{
|
|
196
|
+
"name": "::view-transition-group-children()",
|
|
197
|
+
"prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
|
|
198
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
|
|
67
199
|
}
|
|
68
200
|
],
|
|
69
201
|
"values": [
|
|
70
202
|
{
|
|
71
203
|
"name": "<pt-name-selector>",
|
|
72
|
-
"href": "https://drafts.csswg.org/css-view-transitions-
|
|
204
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-selector",
|
|
73
205
|
"type": "type",
|
|
74
206
|
"value": "'*' | <custom-ident>"
|
|
207
|
+
},
|
|
208
|
+
{
|
|
209
|
+
"name": "<pt-name-and-class-selector>",
|
|
210
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-and-class-selector",
|
|
211
|
+
"type": "type",
|
|
212
|
+
"value": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
|
|
213
|
+
},
|
|
214
|
+
{
|
|
215
|
+
"name": "<pt-class-selector>",
|
|
216
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-class-selector",
|
|
217
|
+
"type": "type",
|
|
218
|
+
"value": "['.' <custom-ident>]+"
|
|
75
219
|
}
|
|
76
220
|
]
|
|
77
221
|
}
|
package/mediaqueries.json
CHANGED
|
@@ -536,14 +536,5 @@
|
|
|
536
536
|
"type": "type",
|
|
537
537
|
"value": "<integer [0,1]>"
|
|
538
538
|
}
|
|
539
|
-
],
|
|
540
|
-
"warnings": [
|
|
541
|
-
{
|
|
542
|
-
"msg": "Duplicate definition",
|
|
543
|
-
"name": "<mq-boolean>",
|
|
544
|
-
"prose": "The <mq-boolean> value type is an <integer> with the value 0 or 1. Any other integer value is invalid. Note that -0 is always equivalent to 0 in CSS, and so is also accepted as a valid <mq-boolean> value.",
|
|
545
|
-
"href": "https://drafts.csswg.org/mediaqueries-4/#typedef-mq-boolean%E2%91%A0",
|
|
546
|
-
"type": "type"
|
|
547
|
-
}
|
|
548
539
|
]
|
|
549
540
|
}
|
package/package.json
CHANGED
|
@@ -1,157 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"spec": {
|
|
3
|
-
"title": "CSS View Transitions Module Level 2",
|
|
4
|
-
"url": "https://drafts.csswg.org/css-view-transitions-2/"
|
|
5
|
-
},
|
|
6
|
-
"properties": [
|
|
7
|
-
{
|
|
8
|
-
"name": "view-transition-class",
|
|
9
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-class",
|
|
10
|
-
"value": "none | <custom-ident>+",
|
|
11
|
-
"initial": "none",
|
|
12
|
-
"appliesTo": "all elements",
|
|
13
|
-
"inherited": "no",
|
|
14
|
-
"percentages": "n/a",
|
|
15
|
-
"computedValue": "as specified",
|
|
16
|
-
"canonicalOrder": "per grammar",
|
|
17
|
-
"animationType": "discrete",
|
|
18
|
-
"values": [
|
|
19
|
-
{
|
|
20
|
-
"name": "none",
|
|
21
|
-
"prose": "No class would apply to the named view transition pseudo-elements generated for this element.",
|
|
22
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-none",
|
|
23
|
-
"type": "value",
|
|
24
|
-
"value": "none"
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
"name": "<custom-ident>+",
|
|
28
|
-
"prose": "All of the specified <custom-ident> values (apart from none) are applied when used in named view transition pseudo-element selectors. none is an invalid <custom-ident> for view-transition-class, even when combined with another <custom-ident>. Each 'view transition class' is a tree-scoped name.",
|
|
29
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-class-custom-ident",
|
|
30
|
-
"type": "value",
|
|
31
|
-
"value": "<custom-ident>+"
|
|
32
|
-
}
|
|
33
|
-
],
|
|
34
|
-
"styleDeclaration": [
|
|
35
|
-
"view-transition-class",
|
|
36
|
-
"viewTransitionClass"
|
|
37
|
-
]
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "view-transition-group",
|
|
41
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#propdef-view-transition-group",
|
|
42
|
-
"value": "normal | contain | nearest | <custom-ident>",
|
|
43
|
-
"initial": "normal",
|
|
44
|
-
"appliesTo": "all elements",
|
|
45
|
-
"inherited": "no",
|
|
46
|
-
"percentages": "n/a",
|
|
47
|
-
"computedValue": "as specified",
|
|
48
|
-
"canonicalOrder": "per grammar",
|
|
49
|
-
"animationType": "discrete",
|
|
50
|
-
"values": [
|
|
51
|
-
{
|
|
52
|
-
"name": "normal",
|
|
53
|
-
"prose": "containingGroupName.",
|
|
54
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-normal",
|
|
55
|
-
"type": "value",
|
|
56
|
-
"value": "normal"
|
|
57
|
-
},
|
|
58
|
-
{
|
|
59
|
-
"name": "contain",
|
|
60
|
-
"prose": "containingGroupName.",
|
|
61
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-contain",
|
|
62
|
-
"type": "value",
|
|
63
|
-
"value": "contain"
|
|
64
|
-
},
|
|
65
|
-
{
|
|
66
|
-
"name": "nearest",
|
|
67
|
-
"prose": "The document-scoped view transition name of the element’s nearest flat tree ancestor which participates in the transition.",
|
|
68
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-nearest",
|
|
69
|
-
"type": "value",
|
|
70
|
-
"value": "nearest"
|
|
71
|
-
},
|
|
72
|
-
{
|
|
73
|
-
"name": "<custom-ident>",
|
|
74
|
-
"prose": "group if the element has a flat tree ancestor whose document-scoped view transition name is group and participates in transition; Otherwise containingGroupName.",
|
|
75
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-group-custom-ident",
|
|
76
|
-
"type": "value",
|
|
77
|
-
"value": "<custom-ident>"
|
|
78
|
-
}
|
|
79
|
-
],
|
|
80
|
-
"styleDeclaration": [
|
|
81
|
-
"view-transition-group",
|
|
82
|
-
"viewTransitionGroup"
|
|
83
|
-
]
|
|
84
|
-
}
|
|
85
|
-
],
|
|
86
|
-
"atrules": [
|
|
87
|
-
{
|
|
88
|
-
"name": "@view-transition",
|
|
89
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#at-view-transition-rule",
|
|
90
|
-
"descriptors": [
|
|
91
|
-
{
|
|
92
|
-
"name": "navigation",
|
|
93
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-navigation",
|
|
94
|
-
"for": "@view-transition",
|
|
95
|
-
"value": "auto | none",
|
|
96
|
-
"initial": "none",
|
|
97
|
-
"values": [
|
|
98
|
-
{
|
|
99
|
-
"name": "none",
|
|
100
|
-
"prose": "There will be no transition.",
|
|
101
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-none",
|
|
102
|
-
"type": "value",
|
|
103
|
-
"value": "none"
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
"name": "auto",
|
|
107
|
-
"prose": "The transition will be enabled if the navigation is same-origin, without cross-origin redirects, and whose NavigationType is traverse, or push or replace, with user navigation involvement not equal to \"browser UI\".",
|
|
108
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#valdef-view-transition-navigation-auto",
|
|
109
|
-
"type": "value",
|
|
110
|
-
"value": "auto"
|
|
111
|
-
}
|
|
112
|
-
]
|
|
113
|
-
},
|
|
114
|
-
{
|
|
115
|
-
"name": "types",
|
|
116
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#descdef-view-transition-types",
|
|
117
|
-
"for": "@view-transition",
|
|
118
|
-
"value": "none | <custom-ident>+",
|
|
119
|
-
"initial": "none"
|
|
120
|
-
}
|
|
121
|
-
],
|
|
122
|
-
"value": "@view-transition { <declaration-list> }"
|
|
123
|
-
}
|
|
124
|
-
],
|
|
125
|
-
"selectors": [
|
|
126
|
-
{
|
|
127
|
-
"name": ":active-view-transition",
|
|
128
|
-
"prose": "The :active-view-transition pseudo-class applies to the root element of the document, if it has an active view transition.",
|
|
129
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-pseudo",
|
|
130
|
-
"value": ":active-view-transition"
|
|
131
|
-
},
|
|
132
|
-
{
|
|
133
|
-
"name": ":active-view-transition-type()",
|
|
134
|
-
"prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
|
|
135
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
|
|
136
|
-
},
|
|
137
|
-
{
|
|
138
|
-
"name": "::view-transition-group-children()",
|
|
139
|
-
"prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
|
|
140
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
|
|
141
|
-
}
|
|
142
|
-
],
|
|
143
|
-
"values": [
|
|
144
|
-
{
|
|
145
|
-
"name": "<pt-name-and-class-selector>",
|
|
146
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-name-and-class-selector",
|
|
147
|
-
"type": "type",
|
|
148
|
-
"value": "<pt-name-selector> <pt-class-selector>? | <pt-class-selector>"
|
|
149
|
-
},
|
|
150
|
-
{
|
|
151
|
-
"name": "<pt-class-selector>",
|
|
152
|
-
"href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-class-selector",
|
|
153
|
-
"type": "type",
|
|
154
|
-
"value": "['.' <custom-ident>]+"
|
|
155
|
-
}
|
|
156
|
-
]
|
|
157
|
-
}
|