@webref/css 6.11.0 → 6.11.1

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.
@@ -55,7 +55,7 @@
55
55
  {
56
56
  "name": "inset-area",
57
57
  "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-inset-area",
58
- "value": "none | <inset-area-span> [ / <inset-area-span> ]?",
58
+ "value": "none | <inset-area>",
59
59
  "initial": "none",
60
60
  "appliesTo": "positioned elements with a default anchor element",
61
61
  "inherited": "no",
@@ -72,18 +72,11 @@
72
72
  "value": "none"
73
73
  },
74
74
  {
75
- "name": "<inset-area-span>",
76
- "prose": "Behaves as <inset-area-span> / all, filling the entire row/column of the grid indicated by the specified value.",
77
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inset-area-span",
75
+ "name": "<inset-area>",
76
+ "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, the property selects a region of the inset-area grid, and makes that the element’s containing block. Additionally, the normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. See § 3.1.1 Resolving <inset-area-span>s for details on both of these effects. If the two <inset-area-span>s do not define a valid region, this property is invalid. Also, any auto inset properties resolve to 0.",
77
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inset-area",
78
78
  "type": "value",
79
- "value": "<inset-area-span>"
80
- },
81
- {
82
- "name": "<inset-area-span> [ / <inset-area-span> ]?",
83
- "prose": "If the element does not have a default anchor element, or is not an absolutely-positioned element, this value has no effect. Otherwise, the two spans define a rectangular region of the inset-area grid, and have the following effects: Any auto inset properties compute to the appropriate value to match the rectangular region. The normal value for the self-alignment properties behaves as either start, end, or anchor-center, depending on the positioning of the region, to give a good default alignment for the positioned element. See § 3.1.1 Resolving <inset-area-span>s for details on both of these effects. If the two <inset-area-span>s do not define a valid region, this property is invalid.",
84
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inset-area-span--inset-area-span",
85
- "type": "value",
86
- "value": "<inset-area-span> [ / <inset-area-span> ]?"
79
+ "value": "<inset-area>"
87
80
  }
88
81
  ],
89
82
  "styleDeclaration": [
@@ -173,7 +166,7 @@
173
166
  "values": [
174
167
  {
175
168
  "name": "none",
176
- "prose": "The property has no effect; the only entry in the position options list is the element’s computed style.",
169
+ "prose": "The property has no effect; the element’s position options list is empty.",
177
170
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-options-none",
178
171
  "type": "value",
179
172
  "value": "none"
@@ -245,28 +238,28 @@
245
238
  },
246
239
  {
247
240
  "name": "most-width",
248
- "prose": "Stable sort the position options list in order of greatest to least inset-modified containing block size in the matching axis.",
241
+ "prose": "For each entry in the position options list, determine the position fallback styles, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
249
242
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-width",
250
243
  "type": "value",
251
244
  "value": "most-width"
252
245
  },
253
246
  {
254
247
  "name": "most-height",
255
- "prose": "Stable sort the position options list in order of greatest to least inset-modified containing block size in the matching axis.",
248
+ "prose": "For each entry in the position options list, determine the position fallback styles, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
256
249
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-height",
257
250
  "type": "value",
258
251
  "value": "most-height"
259
252
  },
260
253
  {
261
254
  "name": "most-block-size",
262
- "prose": "Stable sort the position options list in order of greatest to least inset-modified containing block size in the matching axis.",
255
+ "prose": "For each entry in the position options list, determine the position fallback styles, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
263
256
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-block-size",
264
257
  "type": "value",
265
258
  "value": "most-block-size"
266
259
  },
267
260
  {
268
261
  "name": "most-inline-size",
269
- "prose": "Stable sort the position options list in order of greatest to least inset-modified containing block size in the matching axis.",
262
+ "prose": "For each entry in the position options list, determine the position fallback styles, and find the specified inset-modified containing block size that results from those styles. Stably sort the position options list according to this size, with the largest coming first.",
270
263
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-inline-size",
271
264
  "type": "value",
272
265
  "value": "most-inline-size"
@@ -277,52 +270,6 @@
277
270
  "positionTryOrder"
278
271
  ]
279
272
  },
280
- {
281
- "name": "position-try-final",
282
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-final",
283
- "value": "[ always? && [ first | <try-size> ] ] | hide",
284
- "initial": "first",
285
- "appliesTo": "absolutely positioned elements",
286
- "inherited": "no",
287
- "percentages": "n/a",
288
- "computedValue": "as specified",
289
- "canonicalOrder": "per grammar",
290
- "animationType": "discrete",
291
- "values": [
292
- {
293
- "name": "first",
294
- "prose": "Use the first option in the position options list (after sorting by position-try-order).",
295
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-final-first",
296
- "type": "value",
297
- "value": "first"
298
- },
299
- {
300
- "name": "<try-size>",
301
- "prose": "Stable sort the position options list as if this was the specified position-try-order, then use the first option.",
302
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-final-try-size",
303
- "type": "value",
304
- "value": "<try-size>"
305
- },
306
- {
307
- "name": "always",
308
- "prose": "If this keyword is not specified, and this box has previously been laid out with a position option that didn’t result in overflow, use that option.",
309
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-final-always",
310
- "type": "value",
311
- "value": "always"
312
- },
313
- {
314
- "name": "hide",
315
- "prose": "Use the first position option (as for first), but also hide the box such that it (and all of its contents) are invisible (like visibility: hidden) and do not contribute to scrollable overflow.",
316
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-final-hide",
317
- "type": "value",
318
- "value": "hide"
319
- }
320
- ],
321
- "styleDeclaration": [
322
- "position-try-final",
323
- "positionTryFinal"
324
- ]
325
- },
326
273
  {
327
274
  "name": "position-fallback-bounds",
328
275
  "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-fallback-bounds",
@@ -361,136 +308,276 @@
361
308
  "selectors": [],
362
309
  "values": [
363
310
  {
364
- "name": "<inset-area-span>",
365
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-inset-area-span",
311
+ "name": "<inset-area>",
312
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-inset-area",
366
313
  "type": "type",
367
- "value": "[ start || end || center ] | [ self-start || self-end || center ] | [ top || bottom || center ] | [ left || right || center ] | [ x-start || x-end || center ] | [ y-start || y-end || center ] | [ x-self-start || x-self-end || center ] | [ y-self-start || y-self-end || center ] | all",
314
+ "value": "[ [ left | center | right | center-left | center-right | x-start | x-end | center-x-start | center-x-end | x-self-start | x-self-end | center-x-self-start | center-x-self-end | all ] || [ top | center | bottom | center-top | center-bottom | y-start | y-end | center-y-start | center-y-end | y-self-start | y-self-end | center-y-self-start | center-y-self-end | all ] | [ block-start | center | block-end | center-block-start | center-block-end | self-block-start | self-block-end | center-self-block-start | center-self-block-end | all ] || [ inline-start | center | inline-end | center-inline-start | center-inline-end | self-inline-start | self-inline-end | center-self-inline-start | center-self-inline-end | all ] | [ start | center | end | center-start | center-end | all ]{1,2} | [ self-start | center | self-end | center-self-start | center-self-end | all ]{1,2} ]",
368
315
  "values": [
369
- {
370
- "name": "all",
371
- "prose": "All three regions of that axis, spanning the entire breadth of the containing block.",
372
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-all",
373
- "type": "value",
374
- "value": "all"
375
- },
376
316
  {
377
317
  "name": "start",
378
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
318
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
379
319
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-start",
380
320
  "type": "value",
381
321
  "value": "start"
382
322
  },
383
323
  {
384
324
  "name": "end",
385
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
325
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
386
326
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-end",
387
327
  "type": "value",
388
328
  "value": "end"
389
329
  },
390
330
  {
391
331
  "name": "self-start",
392
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
332
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
393
333
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-start",
394
334
  "type": "value",
395
335
  "value": "self-start"
396
336
  },
397
337
  {
398
338
  "name": "self-end",
399
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
339
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
400
340
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-end",
401
341
  "type": "value",
402
342
  "value": "self-end"
403
343
  },
404
344
  {
405
345
  "name": "top",
406
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
346
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
407
347
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-top",
408
348
  "type": "value",
409
349
  "value": "top"
410
350
  },
411
351
  {
412
352
  "name": "bottom",
413
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
353
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
414
354
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-bottom",
415
355
  "type": "value",
416
356
  "value": "bottom"
417
357
  },
418
358
  {
419
359
  "name": "left",
420
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
360
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
421
361
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-left",
422
362
  "type": "value",
423
363
  "value": "left"
424
364
  },
425
365
  {
426
366
  "name": "right",
427
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
367
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
428
368
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-right",
429
369
  "type": "value",
430
370
  "value": "right"
431
371
  },
432
372
  {
433
373
  "name": "y-start",
434
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
374
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
435
375
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-start",
436
376
  "type": "value",
437
377
  "value": "y-start"
438
378
  },
439
379
  {
440
380
  "name": "y-end",
441
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
381
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
442
382
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-end",
443
383
  "type": "value",
444
384
  "value": "y-end"
445
385
  },
446
386
  {
447
387
  "name": "y-self-start",
448
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
388
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
449
389
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-start",
450
390
  "type": "value",
451
391
  "value": "y-self-start"
452
392
  },
453
393
  {
454
394
  "name": "y-self-end",
455
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
395
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
456
396
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-end",
457
397
  "type": "value",
458
398
  "value": "y-self-end"
459
399
  },
460
400
  {
461
401
  "name": "x-start",
462
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
402
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
463
403
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-start",
464
404
  "type": "value",
465
405
  "value": "x-start"
466
406
  },
467
407
  {
468
408
  "name": "x-end",
469
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
409
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
470
410
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-end",
471
411
  "type": "value",
472
412
  "value": "x-end"
473
413
  },
474
414
  {
475
415
  "name": "x-self-start",
476
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
416
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
477
417
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-start",
478
418
  "type": "value",
479
419
  "value": "x-self-start"
480
420
  },
481
421
  {
482
422
  "name": "x-self-end",
483
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
423
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
484
424
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-end",
485
425
  "type": "value",
486
426
  "value": "x-self-end"
487
427
  },
428
+ {
429
+ "name": "block-start",
430
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
431
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-start",
432
+ "type": "value",
433
+ "value": "block-start"
434
+ },
435
+ {
436
+ "name": "block-end",
437
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
438
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-end",
439
+ "type": "value",
440
+ "value": "block-end"
441
+ },
442
+ {
443
+ "name": "block-self-start",
444
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
445
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-start",
446
+ "type": "value",
447
+ "value": "block-self-start"
448
+ },
449
+ {
450
+ "name": "block-self-end",
451
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
452
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-end",
453
+ "type": "value",
454
+ "value": "block-self-end"
455
+ },
456
+ {
457
+ "name": "inline-start",
458
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
459
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-start",
460
+ "type": "value",
461
+ "value": "inline-start"
462
+ },
463
+ {
464
+ "name": "inline-end",
465
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
466
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-end",
467
+ "type": "value",
468
+ "value": "inline-end"
469
+ },
470
+ {
471
+ "name": "inline-self-start",
472
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
473
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-start",
474
+ "type": "value",
475
+ "value": "inline-self-start"
476
+ },
477
+ {
478
+ "name": "inline-self-end",
479
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
480
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-end",
481
+ "type": "value",
482
+ "value": "inline-self-end"
483
+ },
488
484
  {
489
485
  "name": "center",
490
- "prose": "Any single keyword refers just to that region in the axis. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keyword (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
486
+ "prose": "The single corresponding row or column, depending on which axis this keyword is specifying. Like in anchor(), the plain logical keywords (start, end, etc) refer to the writing mode of the element’s containing block. The x-start/etc determine their direction in the same way, but in the specified physical axis. The \"self\" logical keywords (self-start, x-self-end, etc) are identical, but refer to the element’s own writing mode.",
491
487
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center",
492
488
  "type": "value",
493
489
  "value": "center"
490
+ },
491
+ {
492
+ "name": "center-start",
493
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
494
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-start",
495
+ "type": "value",
496
+ "value": "center-start"
497
+ },
498
+ {
499
+ "name": "center-end",
500
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
501
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-end",
502
+ "type": "value",
503
+ "value": "center-end"
504
+ },
505
+ {
506
+ "name": "center-top",
507
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
508
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-top",
509
+ "type": "value",
510
+ "value": "center-top"
511
+ },
512
+ {
513
+ "name": "center-bottom",
514
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
515
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-bottom",
516
+ "type": "value",
517
+ "value": "center-bottom"
518
+ },
519
+ {
520
+ "name": "center-y-start",
521
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
522
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-y-start",
523
+ "type": "value",
524
+ "value": "center-y-start"
525
+ },
526
+ {
527
+ "name": "center-y-end",
528
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
529
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-y-end",
530
+ "type": "value",
531
+ "value": "center-y-end"
532
+ },
533
+ {
534
+ "name": "center-x-start",
535
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
536
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-x-start",
537
+ "type": "value",
538
+ "value": "center-x-start"
539
+ },
540
+ {
541
+ "name": "center-x-end",
542
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
543
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-x-end",
544
+ "type": "value",
545
+ "value": "center-x-end"
546
+ },
547
+ {
548
+ "name": "center-block-start",
549
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
550
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-block-start",
551
+ "type": "value",
552
+ "value": "center-block-start"
553
+ },
554
+ {
555
+ "name": "center-block-end",
556
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
557
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-block-end",
558
+ "type": "value",
559
+ "value": "center-block-end"
560
+ },
561
+ {
562
+ "name": "center-inline-start",
563
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
564
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-inline-start",
565
+ "type": "value",
566
+ "value": "center-inline-start"
567
+ },
568
+ {
569
+ "name": "center-inline-end",
570
+ "prose": "Two rows or columns, depending on which axis this keyword is specifying: the center row/column, and the row/column corresponding to the other half of the keyword as per the single-track keywords. (For example, center-top spans the first two rows—​the center row and the top row.)",
571
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-inline-end",
572
+ "type": "value",
573
+ "value": "center-inline-end"
574
+ },
575
+ {
576
+ "name": "all",
577
+ "prose": "All three rows or columns, depending on which axis this keyword is specifying.",
578
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-all",
579
+ "type": "value",
580
+ "value": "all"
494
581
  }
495
582
  ]
496
583
  },
package/css-content.json CHANGED
@@ -7,7 +7,7 @@
7
7
  {
8
8
  "name": "content",
9
9
  "href": "https://drafts.csswg.org/css-content-3/#propdef-content",
10
- "value": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> ]+ ]?",
10
+ "value": "normal | none | [ <content-replacement> | <content-list> ] [/ [ <string> | <counter> | <attr()> ]+ ]?",
11
11
  "initial": "normal",
12
12
  "appliesTo": "all elements, tree-abiding pseudo-elements, and page margin boxes",
13
13
  "inherited": "no",
@@ -25,7 +25,7 @@
25
25
  },
26
26
  {
27
27
  "name": "none",
28
- "prose": "On elements, this inhibits the children of the element from being rendered as children of this element, as if the element was empty. On pseudo-elements it inhibits the creation of the pseudo-element as if it had display: none. In neither case does it prevent any pseudo-elements which have this element or pseudo-element as an originating element from being generated.",
28
+ "prose": "On elements, this behaves as normal. On pseudo-elements it inhibits the creation of the pseudo-element as if it had display: none. In neither case does it prevent any pseudo-elements which have this element or pseudo-element as an originating element from being generated.",
29
29
  "href": "https://drafts.csswg.org/css-content-3/#valdef-content-none",
30
30
  "type": "value",
31
31
  "value": "none"
@@ -38,9 +38,10 @@
38
38
  },
39
39
  {
40
40
  "name": "<content-list>",
41
- "value": "[ <string> | <image> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
41
+ "prose": "Replaces the element’s contents with one or more anonymous inline boxes corresponding to the specified values, in the order specified. Its normal contents are suppressed and do not generate boxes, as if they were display: none. Each value contributes an inline box to the element’s contents. For <image>, this is an inline anonymous replaced element; for the others, it’s an anonymous inline run of text. If an <image> represents an invalid image, the user agent must do one of the following: \"Skip\" the <image>, generating nothing for it. Display some indication that the image can’t be displayed in place of the <image>, such as a \"broken image\" icon. This specification intentionally does not define which behavior a user agent must use, but it must use one or the other consistently.",
42
42
  "href": "https://drafts.csswg.org/css-content-3/#typedef-content-content-list",
43
43
  "type": "type",
44
+ "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
44
45
  "values": [
45
46
  {
46
47
  "name": "<string>",
@@ -49,6 +50,12 @@
49
50
  "type": "value",
50
51
  "value": "<string>"
51
52
  },
53
+ {
54
+ "name": "attr()",
55
+ "href": "https://drafts.csswg.org/css-content-3/#valdef-content-attr",
56
+ "type": "value",
57
+ "value": "attr()"
58
+ },
52
59
  {
53
60
  "name": "<image>",
54
61
  "prose": "Represents an anonymous inline replaced element filled with the specified <image>. If the <image> represents an invalid image, this value instead represents nothing. (No inline content is added to the element, as if this value were \"skipped\".)",
@@ -72,11 +79,11 @@
72
79
  ]
73
80
  },
74
81
  {
75
- "name": "/ [ <string> | <counter> ]+",
82
+ "name": "/ [ <string> | <counter> | <attr()> ]+",
76
83
  "prose": "Specifies the \"alt text\" for the element. See § 1.2 Alternative Text for Accessibility for details. If omitted, the element has no \"alt text\".",
77
- "href": "https://drafts.csswg.org/css-content-3/#valdef-content---string--counter",
84
+ "href": "https://drafts.csswg.org/css-content-3/#valdef-content---string--counter--attr",
78
85
  "type": "value",
79
- "value": "/ [ <string> | <counter> ]+"
86
+ "value": "/ [ <string> | <counter> | <attr()> ]+"
80
87
  }
81
88
  ],
82
89
  "styleDeclaration": [
@@ -86,12 +93,12 @@
86
93
  {
87
94
  "name": "quotes",
88
95
  "href": "https://drafts.csswg.org/css-content-3/#propdef-quotes",
89
- "value": "auto | none | [ <string> <string> ]+",
96
+ "value": "auto | none | match-parent | [ <string> <string> ]+",
90
97
  "initial": "auto",
91
98
  "appliesTo": "all elements",
92
99
  "inherited": "yes",
93
100
  "percentages": "n/a",
94
- "computedValue": "the keyword none, the keyword auto, or a list, each item a pair of string values",
101
+ "computedValue": "the keyword none, the keyword auto or match-parent, or a list, each item a pair of string values",
95
102
  "canonicalOrder": "per grammar",
96
103
  "animationType": "discrete",
97
104
  "values": [
@@ -104,10 +111,17 @@
104
111
  },
105
112
  {
106
113
  "name": "auto",
107
- "prose": "A typographically appropriate used value for quotes is automatically chosen by the UA based on the content language of the element and/or its parent.",
114
+ "prose": "A typographically appropriate quotation mark system is automatically chosen by the UA based on the content language of the parent (or, if there is no parent, of the element itself).",
108
115
  "href": "https://drafts.csswg.org/css-content-3/#valdef-quotes-auto",
109
116
  "type": "value",
110
117
  "value": "auto"
118
+ },
119
+ {
120
+ "name": "match-parent",
121
+ "prose": "Specifies the same quotation mark system as the the parent. In general this is equivalent to inheriting the parent’s computed value, except that auto it resolves using the same content language that the parent used. Two possible approaches here, currently speccing the latter: a) this computes to the relevant string values, and inherits as such. b) this value effectively inherits as a keyword + a language code, meaning auto, but with this language.",
122
+ "href": "https://drafts.csswg.org/css-content-3/#valdef-quotes-match-parent",
123
+ "type": "value",
124
+ "value": "match-parent"
111
125
  }
112
126
  ],
113
127
  "styleDeclaration": [
@@ -188,7 +202,7 @@
188
202
  "prose": "<content-list> is defined above, in the section on the string-set property. The value of <content-list> becomes the text content of the bookmark label.",
189
203
  "href": "https://drafts.csswg.org/css-content-3/#valdef-bookmark-label-content-list",
190
204
  "type": "value",
191
- "value": "<content-list>",
205
+ "value": "[ <string> | <image> | <attr()> | contents | <quote> | <leader()> | <target> | <string()> | <content()> | <counter> ]+",
192
206
  "values": [
193
207
  {
194
208
  "name": "<string>",
@@ -197,6 +211,12 @@
197
211
  "type": "value",
198
212
  "value": "<string>"
199
213
  },
214
+ {
215
+ "name": "attr()",
216
+ "href": "https://drafts.csswg.org/css-content-3/#valdef-content-attr",
217
+ "type": "value",
218
+ "value": "attr()"
219
+ },
200
220
  {
201
221
  "name": "<image>",
202
222
  "prose": "Represents an anonymous inline replaced element filled with the specified <image>. If the <image> represents an invalid image, this value instead represents nothing. (No inline content is added to the element, as if this value were \"skipped\".)",
@@ -269,28 +289,28 @@
269
289
  "values": [
270
290
  {
271
291
  "name": "open-quote",
272
- "prose": "These values are replaced by the appropriate string from the quotes property, and increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
292
+ "prose": "These values are replaced by the appropriate string as defined by the quotes property, and increments (for no-open-quote) or decrements (for no-close-quote) the level of nesting for quotes.",
273
293
  "href": "https://drafts.csswg.org/css-content-3/#valdef-content-open-quote",
274
294
  "type": "value",
275
295
  "value": "open-quote"
276
296
  },
277
297
  {
278
298
  "name": "close-quote",
279
- "prose": "These values are replaced by the appropriate string from the quotes property, and increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
299
+ "prose": "These values are replaced by the appropriate string as defined by the quotes property, and increments (for no-open-quote) or decrements (for no-close-quote) the level of nesting for quotes.",
280
300
  "href": "https://drafts.csswg.org/css-content-3/#valdef-content-close-quote",
281
301
  "type": "value",
282
302
  "value": "close-quote"
283
303
  },
284
304
  {
285
305
  "name": "no-open-quote",
286
- "prose": "Inserts nothing (as in none), but increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
306
+ "prose": "Inserts nothing (as in none), but increments (for no-open-quote) or decrements (for no-close-quote) the level of nesting for quotes.",
287
307
  "href": "https://drafts.csswg.org/css-content-3/#valdef-content-no-open-quote",
288
308
  "type": "value",
289
309
  "value": "no-open-quote"
290
310
  },
291
311
  {
292
312
  "name": "no-close-quote",
293
- "prose": "Inserts nothing (as in none), but increments (decrements) the level of nesting for quotes. See § 2.4.1 Specifying quotes with the quotes property for more information.",
313
+ "prose": "Inserts nothing (as in none), but increments (for no-open-quote) or decrements (for no-close-quote) the level of nesting for quotes.",
294
314
  "href": "https://drafts.csswg.org/css-content-3/#valdef-content-no-close-quote",
295
315
  "type": "value",
296
316
  "value": "no-close-quote"
package/css-fonts-5.json CHANGED
@@ -249,7 +249,7 @@
249
249
  {
250
250
  "msg": "Dangling value",
251
251
  "name": "<percentage>",
252
- "prose": "The corresponding metric is replaced by the given percentage multiplied by the used font size.",
252
+ "prose": "The corresponding metric is replaced by the given percentage multiplied by the effective font size after adjustment.",
253
253
  "href": "https://drafts.csswg.org/css-fonts-5/#valdef-ascent-overridedescriptor-percentage",
254
254
  "type": "value",
255
255
  "value": "<percentage>",
@@ -258,7 +258,7 @@
258
258
  {
259
259
  "msg": "Dangling value",
260
260
  "name": "<percentage>",
261
- "prose": "The corresponding metric is replaced by the given percentage multiplied by the used font size.",
261
+ "prose": "The corresponding metric is replaced by the given percentage multiplied by the effective font size after adjustment.",
262
262
  "href": "https://drafts.csswg.org/css-fonts-5/#valdef-ascent-overridedescriptor-percentage",
263
263
  "type": "value",
264
264
  "value": "<percentage>",
@@ -267,7 +267,7 @@
267
267
  {
268
268
  "msg": "Dangling value",
269
269
  "name": "<percentage>",
270
- "prose": "The corresponding metric is replaced by the given percentage multiplied by the used font size.",
270
+ "prose": "The corresponding metric is replaced by the given percentage multiplied by the effective font size after adjustment.",
271
271
  "href": "https://drafts.csswg.org/css-fonts-5/#valdef-ascent-overridedescriptor-percentage",
272
272
  "type": "value",
273
273
  "value": "<percentage>",
package/css-fonts.json CHANGED
@@ -910,7 +910,7 @@
910
910
  },
911
911
  {
912
912
  "name": "traditional",
913
- "prose": "Enables rendering of traditional forms (OpenType feature: trad).",
913
+ "prose": "Enables rendering of traditional forms (OpenType feature: trad). The simplified and traditional values allow control over the glyph forms for characters which have been simplified over time but for which the older, traditional form is still used in some contexts. The exact set of characters and glyph forms will vary to some degree by the context for which a given font was designed.",
914
914
  "href": "https://drafts.csswg.org/css-fonts-4/#valdef-font-variant-east-asian-traditional",
915
915
  "type": "value",
916
916
  "value": "traditional"
@@ -1119,7 +1119,7 @@
1119
1119
  },
1120
1120
  {
1121
1121
  "name": "<palette-mix()>",
1122
- "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 3.1 Percentage Normalization.",
1122
+ "prose": "This value defines a position in the interpolation between two palette values, identified by <palette-identifier>, by the palette keywords normal, light, dark, or by another <palette-mix()> value. The glyphs of the font must be rendered with a palette that is created by interpolating for each palette color index between the matching color indices of the first and second palette specified as arguments, recursively resolving <palette-mix()> functions if needed. For each palette color, the interpolation follows the rules of the <color-mix()> function. Percentages are normalized according to CSS Color 5 § 2.1 Percentage Normalization.",
1123
1123
  "href": "https://drafts.csswg.org/css-fonts-4/#typedef-font-palette-palette-mix",
1124
1124
  "type": "type",
1125
1125
  "value": "palette-mix(<color-interpolation-method> , [ [normal | light | dark | <palette-identifier> | <palette-mix()> ] && <percentage [0,100]>? ]#{2})"
@@ -3,7 +3,40 @@
3
3
  "title": "CSS View Transitions Module Level 2",
4
4
  "url": "https://drafts.csswg.org/css-view-transitions-2/"
5
5
  },
6
- "properties": [],
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 other <custom-ident>s.",
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
+ ],
7
40
  "atrules": [
8
41
  {
9
42
  "name": "@view-transition",
@@ -40,7 +73,7 @@
40
73
  "initial": "none"
41
74
  }
42
75
  ],
43
- "value": "@view-transition { <declaration-rule-list> }"
76
+ "value": "@view-transition { <declaration-list> }"
44
77
  }
45
78
  ],
46
79
  "selectors": [
@@ -56,6 +89,12 @@
56
89
  "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-vt-type-selector",
57
90
  "type": "type",
58
91
  "value": "'*' | <custom-ident>#"
92
+ },
93
+ {
94
+ "name": "<pt-class-selector>",
95
+ "href": "https://drafts.csswg.org/css-view-transitions-2/#typedef-pt-class-selector",
96
+ "type": "type",
97
+ "value": "['.' <custom-ident>]*"
59
98
  }
60
99
  ]
61
100
  }
@@ -7,7 +7,7 @@
7
7
  {
8
8
  "name": "view-transition-name",
9
9
  "href": "https://drafts.csswg.org/css-view-transitions-1/#propdef-view-transition-name",
10
- "value": "none | auto | <custom-ident>",
10
+ "value": "none | <custom-ident>",
11
11
  "initial": "none",
12
12
  "appliesTo": "all elements",
13
13
  "inherited": "no",
@@ -23,16 +23,9 @@
23
23
  "type": "value",
24
24
  "value": "none"
25
25
  },
26
- {
27
- "name": "auto",
28
- "prose": "This should be treated as an invalid value, despite being a valid <custom-ident>. The property value remains unchanged.",
29
- "href": "https://drafts.csswg.org/css-view-transitions-1/#valdef-view-transition-name-auto",
30
- "type": "value",
31
- "value": "auto"
32
- },
33
26
  {
34
27
  "name": "<custom-ident>",
35
- "prose": "The element participates independently in a view transition—​as either an old or new element—​with the specified view transition name. The value none is excluded from <custom-ident> here.",
28
+ "prose": "The element participates independently in a view transition—​as either an old or new element—​with the specified view transition name. The values none and auto are excluded from <custom-ident> here.",
36
29
  "href": "https://drafts.csswg.org/css-view-transitions-1/#valdef-view-transition-name-custom-ident",
37
30
  "type": "value",
38
31
  "value": "<custom-ident>"
package/css-viewport.json CHANGED
@@ -7,7 +7,7 @@
7
7
  {
8
8
  "name": "zoom",
9
9
  "href": "https://drafts.csswg.org/css-viewport-1/#propdef-zoom",
10
- "value": "<number> || <percentage>",
10
+ "value": "<number [0,∞]> || <percentage [0,∞]>",
11
11
  "initial": "1",
12
12
  "appliesTo": "all <length> property values of all elements",
13
13
  "inherited": "no",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@webref/css",
3
3
  "description": "CSS definitions of the web platform",
4
- "version": "6.11.0",
4
+ "version": "6.11.1",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"