@webref/css 6.11.0 → 6.11.2

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>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": [
@@ -162,7 +155,7 @@
162
155
  {
163
156
  "name": "position-try-options",
164
157
  "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try-options",
165
- "value": "none | [ <dashed-ident> | <try-tactic> ]#",
158
+ "value": "none | [ <dashed-ident> || <try-tactic> ]#",
166
159
  "initial": "none",
167
160
  "appliesTo": "absolutely-positioned elements",
168
161
  "inherited": "no",
@@ -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"
@@ -217,6 +210,13 @@
217
210
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-options-flip-start",
218
211
  "type": "value",
219
212
  "value": "flip-start"
213
+ },
214
+ {
215
+ "name": "<dashed-ident> || <try-tactic>",
216
+ "prose": "Combines the effects of the previous two options: if there is a @position-try rule with the given name, then applies its position option to the element’s base style, transforms it according to the specified <try-tactic>, and then adds the result to the element’s position options list. Otherwise, does nothing.",
217
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-options-dashed-ident--try-tactic",
218
+ "type": "value",
219
+ "value": "<dashed-ident> || <try-tactic>"
220
220
  }
221
221
  ],
222
222
  "styleDeclaration": [
@@ -245,28 +245,28 @@
245
245
  },
246
246
  {
247
247
  "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.",
248
+ "prose": "For each entry in the position options list, apply a position option using that option to the element, 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
249
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-width",
250
250
  "type": "value",
251
251
  "value": "most-width"
252
252
  },
253
253
  {
254
254
  "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.",
255
+ "prose": "For each entry in the position options list, apply a position option using that option to the element, 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
256
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-height",
257
257
  "type": "value",
258
258
  "value": "most-height"
259
259
  },
260
260
  {
261
261
  "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.",
262
+ "prose": "For each entry in the position options list, apply a position option using that option to the element, 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
263
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-block-size",
264
264
  "type": "value",
265
265
  "value": "most-block-size"
266
266
  },
267
267
  {
268
268
  "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.",
269
+ "prose": "For each entry in the position options list, apply a position option using that option to the element, 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
270
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-try-order-most-inline-size",
271
271
  "type": "value",
272
272
  "value": "most-inline-size"
@@ -278,10 +278,26 @@
278
278
  ]
279
279
  },
280
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",
281
+ "name": "position-try",
282
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-try",
283
+ "value": "<'position-try-order'>? <'position-try-options'>",
284
+ "initial": "see individual properties",
285
+ "appliesTo": "see individual properties",
286
+ "inherited": "see individual properties",
287
+ "percentages": "see individual properties",
288
+ "computedValue": "see individual properties",
289
+ "animationType": "see individual properties",
290
+ "canonicalOrder": "per grammar",
291
+ "styleDeclaration": [
292
+ "position-try",
293
+ "positionTry"
294
+ ]
295
+ },
296
+ {
297
+ "name": "position-fallback-bounds",
298
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-fallback-bounds",
299
+ "value": "normal | <dashed-ident>",
300
+ "initial": "normal",
285
301
  "appliesTo": "absolutely positioned elements",
286
302
  "inherited": "no",
287
303
  "percentages": "n/a",
@@ -290,62 +306,48 @@
290
306
  "animationType": "discrete",
291
307
  "values": [
292
308
  {
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",
309
+ "name": "normal",
310
+ "prose": "The element uses its normal (scroll-adjusted, inset-modified) containing block to determine if it’s overflowing for the purpose of selecting a position options list entry.",
311
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-fallback-bounds-normal",
317
312
  "type": "value",
318
- "value": "hide"
313
+ "value": "normal"
319
314
  }
320
315
  ],
321
316
  "styleDeclaration": [
322
- "position-try-final",
323
- "positionTryFinal"
317
+ "position-fallback-bounds",
318
+ "positionFallbackBounds"
324
319
  ]
325
320
  },
326
321
  {
327
- "name": "position-fallback-bounds",
328
- "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-fallback-bounds",
329
- "value": "normal | <dashed-ident>",
322
+ "name": "position-animation",
323
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#propdef-position-animation",
324
+ "value": "normal | magic",
330
325
  "initial": "normal",
331
326
  "appliesTo": "absolutely positioned elements",
332
327
  "inherited": "no",
333
328
  "percentages": "n/a",
334
- "computedValue": "as specified",
329
+ "computedValue": "normal, or an overriding position rectangle (see prose)",
335
330
  "canonicalOrder": "per grammar",
336
- "animationType": "discrete",
331
+ "animationType": "(see prose)",
337
332
  "values": [
338
333
  {
339
334
  "name": "normal",
340
- "prose": "The element uses its normal (scroll-adjusted, inset-modified) containing block to determine if it’s overflowing for the purpose of selecting a position options list entry.",
341
- "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-fallback-bounds-normal",
335
+ "prose": "This value has no effect.",
336
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-animation-normal",
342
337
  "type": "value",
343
338
  "value": "normal"
339
+ },
340
+ {
341
+ "name": "magic",
342
+ "prose": "At computed value time, resolves to a overriding position rectangle, using interleaving. At used value time, overrides the position and size of the element’s margin box, setting it to match the computed overriding position rectangle.",
343
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-position-animation-magic",
344
+ "type": "value",
345
+ "value": "magic"
344
346
  }
345
347
  ],
346
348
  "styleDeclaration": [
347
- "position-fallback-bounds",
348
- "positionFallbackBounds"
349
+ "position-animation",
350
+ "positionAnimation"
349
351
  ]
350
352
  }
351
353
  ],
@@ -361,136 +363,276 @@
361
363
  "selectors": [],
362
364
  "values": [
363
365
  {
364
- "name": "<inset-area-span>",
365
- "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-inset-area-span",
366
+ "name": "<inset-area>",
367
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#typedef-inset-area",
366
368
  "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",
369
+ "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
370
  "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
371
  {
377
372
  "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.",
373
+ "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
374
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-start",
380
375
  "type": "value",
381
376
  "value": "start"
382
377
  },
383
378
  {
384
379
  "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.",
380
+ "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
381
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-end",
387
382
  "type": "value",
388
383
  "value": "end"
389
384
  },
390
385
  {
391
386
  "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.",
387
+ "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
388
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-start",
394
389
  "type": "value",
395
390
  "value": "self-start"
396
391
  },
397
392
  {
398
393
  "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.",
394
+ "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
395
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-self-end",
401
396
  "type": "value",
402
397
  "value": "self-end"
403
398
  },
404
399
  {
405
400
  "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.",
401
+ "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
402
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-top",
408
403
  "type": "value",
409
404
  "value": "top"
410
405
  },
411
406
  {
412
407
  "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.",
408
+ "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
409
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-bottom",
415
410
  "type": "value",
416
411
  "value": "bottom"
417
412
  },
418
413
  {
419
414
  "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.",
415
+ "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
416
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-left",
422
417
  "type": "value",
423
418
  "value": "left"
424
419
  },
425
420
  {
426
421
  "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.",
422
+ "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
423
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-right",
429
424
  "type": "value",
430
425
  "value": "right"
431
426
  },
432
427
  {
433
428
  "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.",
429
+ "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
430
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-start",
436
431
  "type": "value",
437
432
  "value": "y-start"
438
433
  },
439
434
  {
440
435
  "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.",
436
+ "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
437
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-end",
443
438
  "type": "value",
444
439
  "value": "y-end"
445
440
  },
446
441
  {
447
442
  "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.",
443
+ "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
444
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-start",
450
445
  "type": "value",
451
446
  "value": "y-self-start"
452
447
  },
453
448
  {
454
449
  "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.",
450
+ "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
451
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-y-self-end",
457
452
  "type": "value",
458
453
  "value": "y-self-end"
459
454
  },
460
455
  {
461
456
  "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.",
457
+ "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
458
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-start",
464
459
  "type": "value",
465
460
  "value": "x-start"
466
461
  },
467
462
  {
468
463
  "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.",
464
+ "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
465
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-end",
471
466
  "type": "value",
472
467
  "value": "x-end"
473
468
  },
474
469
  {
475
470
  "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.",
471
+ "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
472
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-start",
478
473
  "type": "value",
479
474
  "value": "x-self-start"
480
475
  },
481
476
  {
482
477
  "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.",
478
+ "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
479
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-x-self-end",
485
480
  "type": "value",
486
481
  "value": "x-self-end"
487
482
  },
483
+ {
484
+ "name": "block-start",
485
+ "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.",
486
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-start",
487
+ "type": "value",
488
+ "value": "block-start"
489
+ },
490
+ {
491
+ "name": "block-end",
492
+ "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.",
493
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-end",
494
+ "type": "value",
495
+ "value": "block-end"
496
+ },
497
+ {
498
+ "name": "block-self-start",
499
+ "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.",
500
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-start",
501
+ "type": "value",
502
+ "value": "block-self-start"
503
+ },
504
+ {
505
+ "name": "block-self-end",
506
+ "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.",
507
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-block-self-end",
508
+ "type": "value",
509
+ "value": "block-self-end"
510
+ },
511
+ {
512
+ "name": "inline-start",
513
+ "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.",
514
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-start",
515
+ "type": "value",
516
+ "value": "inline-start"
517
+ },
518
+ {
519
+ "name": "inline-end",
520
+ "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.",
521
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-end",
522
+ "type": "value",
523
+ "value": "inline-end"
524
+ },
525
+ {
526
+ "name": "inline-self-start",
527
+ "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.",
528
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-start",
529
+ "type": "value",
530
+ "value": "inline-self-start"
531
+ },
532
+ {
533
+ "name": "inline-self-end",
534
+ "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.",
535
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-inline-self-end",
536
+ "type": "value",
537
+ "value": "inline-self-end"
538
+ },
488
539
  {
489
540
  "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.",
541
+ "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
542
  "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center",
492
543
  "type": "value",
493
544
  "value": "center"
545
+ },
546
+ {
547
+ "name": "center-start",
548
+ "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.)",
549
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-start",
550
+ "type": "value",
551
+ "value": "center-start"
552
+ },
553
+ {
554
+ "name": "center-end",
555
+ "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.)",
556
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-end",
557
+ "type": "value",
558
+ "value": "center-end"
559
+ },
560
+ {
561
+ "name": "center-top",
562
+ "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.)",
563
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-top",
564
+ "type": "value",
565
+ "value": "center-top"
566
+ },
567
+ {
568
+ "name": "center-bottom",
569
+ "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.)",
570
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-bottom",
571
+ "type": "value",
572
+ "value": "center-bottom"
573
+ },
574
+ {
575
+ "name": "center-y-start",
576
+ "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.)",
577
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-y-start",
578
+ "type": "value",
579
+ "value": "center-y-start"
580
+ },
581
+ {
582
+ "name": "center-y-end",
583
+ "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.)",
584
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-y-end",
585
+ "type": "value",
586
+ "value": "center-y-end"
587
+ },
588
+ {
589
+ "name": "center-x-start",
590
+ "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.)",
591
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-x-start",
592
+ "type": "value",
593
+ "value": "center-x-start"
594
+ },
595
+ {
596
+ "name": "center-x-end",
597
+ "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.)",
598
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-x-end",
599
+ "type": "value",
600
+ "value": "center-x-end"
601
+ },
602
+ {
603
+ "name": "center-block-start",
604
+ "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.)",
605
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-block-start",
606
+ "type": "value",
607
+ "value": "center-block-start"
608
+ },
609
+ {
610
+ "name": "center-block-end",
611
+ "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.)",
612
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-block-end",
613
+ "type": "value",
614
+ "value": "center-block-end"
615
+ },
616
+ {
617
+ "name": "center-inline-start",
618
+ "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.)",
619
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-inline-start",
620
+ "type": "value",
621
+ "value": "center-inline-start"
622
+ },
623
+ {
624
+ "name": "center-inline-end",
625
+ "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.)",
626
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-center-inline-end",
627
+ "type": "value",
628
+ "value": "center-inline-end"
629
+ },
630
+ {
631
+ "name": "all",
632
+ "prose": "All three rows or columns, depending on which axis this keyword is specifying.",
633
+ "href": "https://drafts.csswg.org/css-anchor-position-1/#valdef-inset-area-all",
634
+ "type": "value",
635
+ "value": "all"
494
636
  }
495
637
  ]
496
638
  },
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-display.json CHANGED
@@ -31,47 +31,9 @@
31
31
  {
32
32
  "name": "order",
33
33
  "href": "https://drafts.csswg.org/css-display-4/#propdef-order",
34
- "value": "[ <'layout-order'> <'reading-order'>? ] | [ [ reading || layout ] && <integer> ]",
35
- "initial": "see individual properties",
36
- "appliesTo": "flex items and grid items",
37
- "inherited": "no",
38
- "percentages": "see individual properties",
39
- "computedValue": "see individual properties",
40
- "animationType": "see individual properties",
41
- "canonicalOrder": "per grammar",
42
- "values": [
43
- {
44
- "name": "<integer>",
45
- "prose": "If one integer and no keyword is specified, then sets layout-order to the specified integer, and sets reading-order to its initial value. If two integers are specified, the first sets layout-order and the second sets reading-order. Otherwise sets the appropriate longhand(s) to the specified integer(s).",
46
- "href": "https://drafts.csswg.org/css-display-4/#valdef-order-integer",
47
- "type": "value",
48
- "value": "<integer>"
49
- },
50
- {
51
- "name": "layout",
52
- "prose": "Indicates setting layout-order to the specified integer. If reading is not specified, reading-order is set to its initial value.",
53
- "href": "https://drafts.csswg.org/css-display-4/#valdef-order-layout",
54
- "type": "value",
55
- "value": "layout"
56
- },
57
- {
58
- "name": "reading",
59
- "prose": "Indicates setting reading-order to the specified integer. If layout is not specified, layout-order is set to its initial value.",
60
- "href": "https://drafts.csswg.org/css-display-4/#valdef-order-reading",
61
- "type": "value",
62
- "value": "reading"
63
- }
64
- ],
65
- "styleDeclaration": [
66
- "order"
67
- ]
68
- },
69
- {
70
- "name": "reading-order",
71
- "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order",
72
34
  "value": "<integer>",
73
35
  "initial": "0",
74
- "appliesTo": "all elements",
36
+ "appliesTo": "flex items and grid items",
75
37
  "inherited": "no",
76
38
  "percentages": "n/a",
77
39
  "computedValue": "specified integer",
@@ -80,40 +42,74 @@
80
42
  "values": [
81
43
  {
82
44
  "name": "<integer>",
83
- "prose": "The reading-order property controls the order in which elements are rendered to speech or are navigated to when using (linear) sequential navigation methods. It takes a single <integer> value, which specifies which ordinal group the item belongs to. Sibling elements are ordered starting from the lowest numbered ordinal group and going up; elements with the same ordinal group are keep the order they appear in the source document.",
84
- "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-integer",
45
+ "prose": "Specifically, the order property controls the order in which flex items or grid items appear within their container, by assigning them to ordinal groups. It takes a single <integer> value, which specifies which ordinal group the item belongs to.",
46
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-order-integer",
85
47
  "type": "value",
86
48
  "value": "<integer>"
87
49
  }
88
50
  ],
89
51
  "styleDeclaration": [
90
- "reading-order",
91
- "readingOrder"
52
+ "order"
92
53
  ]
93
54
  },
94
55
  {
95
- "name": "layout-order",
96
- "href": "https://drafts.csswg.org/css-display-4/#propdef-layout-order",
97
- "value": "<integer>",
98
- "initial": "0",
99
- "appliesTo": "flex items and grid items",
56
+ "name": "reading-order-items",
57
+ "href": "https://drafts.csswg.org/css-display-4/#propdef-reading-order-items",
58
+ "value": "normal | flex-visual | flex-flow | grid-rows | grid-columns | grid-order",
59
+ "initial": "normal",
60
+ "appliesTo": "flex and grid containers",
100
61
  "inherited": "no",
101
62
  "percentages": "n/a",
102
- "computedValue": "specified integer",
63
+ "computedValue": "as specified",
103
64
  "canonicalOrder": "per grammar",
104
- "animationType": "by computed value type",
65
+ "animationType": "not animatable",
105
66
  "values": [
106
67
  {
107
- "name": "<integer>",
108
- "prose": "Specifically, the layout-order property controls the order in which flex items or grid items appear within their container by assigning them to the ordinal groups, as specified by its <integer> value.",
109
- "href": "https://drafts.csswg.org/css-display-4/#valdef-layout-order-integer",
68
+ "name": "normal",
69
+ "prose": "Follow the order of elements in the DOM.",
70
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-normal",
110
71
  "type": "value",
111
- "value": "<integer>"
72
+ "value": "normal"
73
+ },
74
+ {
75
+ "name": "flex-visual",
76
+ "prose": "Only takes effect on flex containers. Follows the visual reading order of flex items, taking the writing mode into account. Therefore, a document in English, with a flex-direction of row-reverse and reading-order-items of 'flex visual' would have a reading order of left to right.",
77
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-flex-visual",
78
+ "type": "value",
79
+ "value": "flex-visual"
80
+ },
81
+ {
82
+ "name": "flex-flow",
83
+ "prose": "Only takes effect on flex containers. Follows the flex-flow direction.",
84
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-flex-flow",
85
+ "type": "value",
86
+ "value": "flex-flow"
87
+ },
88
+ {
89
+ "name": "grid-rows",
90
+ "prose": "Only takes effect on grid containers. Follows the visual order of grid items by row, taking the writing mode into account.",
91
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-rows",
92
+ "type": "value",
93
+ "value": "grid-rows"
94
+ },
95
+ {
96
+ "name": "grid-columns",
97
+ "prose": "Only takes effect on grid containers. Follows the visual order of grid items by column, taking the writing mode into account.",
98
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-columns",
99
+ "type": "value",
100
+ "value": "grid-columns"
101
+ },
102
+ {
103
+ "name": "grid-order",
104
+ "prose": "Follows the order-modified document order. Therefore, as normal unless the order property has been used to change the order of items.",
105
+ "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-order-items-grid-order",
106
+ "type": "value",
107
+ "value": "grid-order"
112
108
  }
113
109
  ],
114
110
  "styleDeclaration": [
115
- "layout-order",
116
- "layoutOrder"
111
+ "reading-order-items",
112
+ "readingOrderItems"
117
113
  ]
118
114
  },
119
115
  {
@@ -181,7 +177,7 @@
181
177
  },
182
178
  {
183
179
  "name": "run-in",
184
- "prose": "The element generates an run-in box, which is a type of inline-level box with special behavior that attempts to merge it into a subsequent block container. See § 5 Run-In Layout for details.",
180
+ "prose": "The element generates an run-in box, which is a type of inline-level box with special behavior that attempts to merge it into a subsequent block container. See § 6 Run-In Layout for details.",
185
181
  "href": "https://drafts.csswg.org/css-display-4/#valdef-display-run-in",
186
182
  "type": "value",
187
183
  "value": "run-in"
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})"
package/css-images-4.json CHANGED
@@ -155,7 +155,7 @@
155
155
  "name": "<cf-image>",
156
156
  "href": "https://drafts.csswg.org/css-images-4/#typedef-cf-image",
157
157
  "type": "type",
158
- "value": "<percentage [0,100]>? && [ <image> | <color> ]"
158
+ "value": "[ <image> | <color> ] && <percentage [0,100]>?"
159
159
  },
160
160
  {
161
161
  "name": "element()",
package/css-ui.json CHANGED
@@ -384,6 +384,38 @@
384
384
  "caretColor"
385
385
  ]
386
386
  },
387
+ {
388
+ "name": "caret-animation",
389
+ "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-animation",
390
+ "value": "auto | manual",
391
+ "initial": "auto",
392
+ "appliesTo": "elements that accept input",
393
+ "inherited": "yes",
394
+ "percentages": "N/A",
395
+ "computedValue": "specified keyword",
396
+ "canonicalOrder": "per grammar",
397
+ "animationType": "discrete",
398
+ "values": [
399
+ {
400
+ "name": "auto",
401
+ "prose": "The UA determines how the caret should be animated, if at all. It should match platform conventions, and may be adjusted based on context.",
402
+ "href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-animation-auto",
403
+ "type": "value",
404
+ "value": "auto"
405
+ },
406
+ {
407
+ "name": "manual",
408
+ "prose": "The UA must not animate the caret.",
409
+ "href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-animation-manual",
410
+ "type": "value",
411
+ "value": "manual"
412
+ }
413
+ ],
414
+ "styleDeclaration": [
415
+ "caret-animation",
416
+ "caretAnimation"
417
+ ]
418
+ },
387
419
  {
388
420
  "name": "caret-shape",
389
421
  "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-shape",
@@ -433,7 +465,7 @@
433
465
  {
434
466
  "name": "caret",
435
467
  "href": "https://drafts.csswg.org/css-ui-4/#propdef-caret",
436
- "value": "<'caret-color'> || <'caret-shape'>",
468
+ "value": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
437
469
  "initial": "auto",
438
470
  "appliesTo": "elements that accept input",
439
471
  "inherited": "yes",
package/css-values-5.json CHANGED
@@ -397,6 +397,40 @@
397
397
  "prose": "The sibling-index() functional notation represents, as an <integer>, the index of the element on which the notation is used among the children of its parent. Like :nth-child(), sibling-index() is 1-indexed.",
398
398
  "href": "https://drafts.csswg.org/css-values-5/#funcdef-sibling-index",
399
399
  "type": "function"
400
+ },
401
+ {
402
+ "name": "calc-size()",
403
+ "href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-size",
404
+ "type": "function",
405
+ "value": "calc-size( <calc-size-basis>, <calc-sum>? )",
406
+ "values": [
407
+ {
408
+ "name": "size",
409
+ "prose": "Within the calc-size calculation, if the calc-size basis is not any, the keyword size is allowed. This keyword is a <length>, and resolves at used value time.",
410
+ "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-size-size",
411
+ "type": "value",
412
+ "value": "size"
413
+ },
414
+ {
415
+ "name": "any",
416
+ "prose": "(If the calc-size basis is any, the calc-size() is a definite length, equal to its calc-size calculation.)",
417
+ "href": "https://drafts.csswg.org/css-values-5/#valdef-calc-size-any",
418
+ "type": "value",
419
+ "value": "any"
420
+ }
421
+ ]
422
+ },
423
+ {
424
+ "name": "<calc-size-basis>",
425
+ "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-size-basis",
426
+ "type": "type",
427
+ "value": "[ <intrinsic-size-keyword> | <calc-size()> | any | <calc-sum> ]"
428
+ },
429
+ {
430
+ "name": "<intrinsic-size-keyword>",
431
+ "prose": "The <intrinsic-size-keyword> production matches any intrinsic size keywords allowed in the context. For example, in width, it matches auto, min-content, stretch, etc.",
432
+ "href": "https://drafts.csswg.org/css-values-5/#typedef-intrinsic-size-keyword",
433
+ "type": "type"
400
434
  }
401
435
  ],
402
436
  "warnings": [
@@ -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",
@@ -145,7 +145,7 @@
145
145
  "name": "display-mode",
146
146
  "href": "https://drafts.csswg.org/mediaqueries-5/#descdef-media-display-mode",
147
147
  "for": "@media",
148
- "value": "fullscreen | standalone | minimal-ui | browser",
148
+ "value": "fullscreen | standalone | minimal-ui | browser | picture-in-picture",
149
149
  "type": "discrete"
150
150
  },
151
151
  {
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.2",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/w3c/webref.git"