@webref/css 6.23.0 → 6.23.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.
- package/css-conditional-5.json +39 -3
- package/css-mixins.json +24 -0
- package/css-shapes.json +2 -2
- package/css-ui.json +15 -8
- package/css-values-5.json +20 -85
- package/css-view-transitions-2.json +5 -0
- package/package.json +1 -1
package/css-conditional-5.json
CHANGED
|
@@ -471,6 +471,36 @@
|
|
|
471
471
|
"type": "type",
|
|
472
472
|
"value": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
|
|
473
473
|
},
|
|
474
|
+
{
|
|
475
|
+
"name": "<style-feature>",
|
|
476
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature",
|
|
477
|
+
"type": "type",
|
|
478
|
+
"value": "<style-feature-plain> | <style-feature-boolean> | <style-range>"
|
|
479
|
+
},
|
|
480
|
+
{
|
|
481
|
+
"name": "<style-feature-plain>",
|
|
482
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-plain",
|
|
483
|
+
"type": "type",
|
|
484
|
+
"value": "<style-feature-name> : <style-feature-value>"
|
|
485
|
+
},
|
|
486
|
+
{
|
|
487
|
+
"name": "<style-feature-boolean>",
|
|
488
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-boolean",
|
|
489
|
+
"type": "type",
|
|
490
|
+
"value": "<style-feature-name>"
|
|
491
|
+
},
|
|
492
|
+
{
|
|
493
|
+
"name": "<style-range>",
|
|
494
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-range",
|
|
495
|
+
"type": "type",
|
|
496
|
+
"value": "<style-range-value> <mf-comparison> <style-range-value> | <style-range-value> <mf-lt> <style-range-value> <mf-lt> <style-range-value> | <style-range-value> <mf-gt> <style-range-value> <mf-gt> <style-range-value>"
|
|
497
|
+
},
|
|
498
|
+
{
|
|
499
|
+
"name": "<style-range-value>",
|
|
500
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-range-value",
|
|
501
|
+
"type": "type",
|
|
502
|
+
"value": "<custom-property-name> | <style-feature-value>"
|
|
503
|
+
},
|
|
474
504
|
{
|
|
475
505
|
"name": "<scroll-state-query>",
|
|
476
506
|
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-scroll-state-query",
|
|
@@ -490,9 +520,15 @@
|
|
|
490
520
|
"type": "type"
|
|
491
521
|
},
|
|
492
522
|
{
|
|
493
|
-
"name": "<style-feature>",
|
|
494
|
-
"prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration
|
|
495
|
-
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature",
|
|
523
|
+
"name": "<style-feature-name>",
|
|
524
|
+
"prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
|
|
525
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-name",
|
|
526
|
+
"type": "type"
|
|
527
|
+
},
|
|
528
|
+
{
|
|
529
|
+
"name": "<style-feature-value>",
|
|
530
|
+
"prose": "A container style query allows querying the computed values of the query container. It is a boolean combination of individual style features (<style-feature>) that each query a single, specific property of the query container. The syntax of a <style-feature> is either the same as for a valid declaration[CSS-SYNTAX-3], a <style-feature-name> or a valid style range(<style-range>). The <style-feature-name> can be either a supported CSS property or a valid <custom-property-name>. The <style-feature-value> production matches any valid <declaration-value> as long as it doesn’t contain <mf-lt>, <mf-gt> and <mf-eq> tokens.",
|
|
531
|
+
"href": "https://drafts.csswg.org/css-conditional-5/#typedef-style-feature-value",
|
|
496
532
|
"type": "type"
|
|
497
533
|
},
|
|
498
534
|
{
|
package/css-mixins.json
CHANGED
|
@@ -26,6 +26,30 @@
|
|
|
26
26
|
"value": "type( <syntax> )"
|
|
27
27
|
}
|
|
28
28
|
]
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
"name": "@mixin",
|
|
32
|
+
"href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-mixin",
|
|
33
|
+
"descriptors": [],
|
|
34
|
+
"value": "@mixin <function-token> <function-parameter>#? , [@contents]? ) { <declaration-rule-list> }"
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"name": "@contents",
|
|
38
|
+
"href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-contents",
|
|
39
|
+
"descriptors": [],
|
|
40
|
+
"value": "@contents [ { <declaration-list> } ]?"
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
"name": "@apply",
|
|
44
|
+
"href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-apply",
|
|
45
|
+
"descriptors": [],
|
|
46
|
+
"value": "@apply [ <dashed-ident> | <dashed-function> ] [ { <declaration-list> } ]?;"
|
|
47
|
+
},
|
|
48
|
+
{
|
|
49
|
+
"name": "@env",
|
|
50
|
+
"href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-env",
|
|
51
|
+
"descriptors": [],
|
|
52
|
+
"value": "@env <custom-property-name> : <declaration-value>? ;"
|
|
29
53
|
}
|
|
30
54
|
],
|
|
31
55
|
"selectors": [],
|
package/css-shapes.json
CHANGED
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
"prose": "See The shape() function.",
|
|
158
158
|
"href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-shape",
|
|
159
159
|
"type": "function",
|
|
160
|
-
"value": "shape( <'fill-rule'>? from <position> <shape-command># )",
|
|
160
|
+
"value": "shape( <'fill-rule'>? from <position> , <shape-command># )",
|
|
161
161
|
"values": [
|
|
162
162
|
{
|
|
163
163
|
"name": "<coordinate-pair>",
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
},
|
|
272
272
|
{
|
|
273
273
|
"name": "arc",
|
|
274
|
-
"prose": "<arc-command> = arc <command-end-point> [
|
|
274
|
+
"prose": "<arc-command> = arc <command-end-point> [of <length-percentage>{1,2}] && <arc-sweep>? && <arc-size>? && rotate <angle>? ]",
|
|
275
275
|
"href": "https://drafts.csswg.org/css-shapes-1/#valdef-shape-arc",
|
|
276
276
|
"type": "value",
|
|
277
277
|
"value": "arc",
|
package/css-ui.json
CHANGED
|
@@ -373,7 +373,7 @@
|
|
|
373
373
|
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-color",
|
|
374
374
|
"value": "auto | <color>",
|
|
375
375
|
"initial": "auto",
|
|
376
|
-
"appliesTo": "
|
|
376
|
+
"appliesTo": "text or elements that accept text input",
|
|
377
377
|
"inherited": "yes",
|
|
378
378
|
"percentages": "N/A",
|
|
379
379
|
"computedValue": "The computed value for auto is auto. For <color> values, see CSS Color 4 § 14. Resolving <color> Values.",
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-animation",
|
|
390
390
|
"value": "auto | manual",
|
|
391
391
|
"initial": "auto",
|
|
392
|
-
"appliesTo": "elements that accept input",
|
|
392
|
+
"appliesTo": "text or elements that accept text input",
|
|
393
393
|
"inherited": "yes",
|
|
394
394
|
"percentages": "N/A",
|
|
395
395
|
"computedValue": "specified keyword",
|
|
@@ -421,7 +421,7 @@
|
|
|
421
421
|
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret-shape",
|
|
422
422
|
"value": "auto | bar | block | underscore",
|
|
423
423
|
"initial": "auto",
|
|
424
|
-
"appliesTo": "elements that accept input",
|
|
424
|
+
"appliesTo": "text or elements that accept text input",
|
|
425
425
|
"inherited": "yes",
|
|
426
426
|
"percentages": "N/A",
|
|
427
427
|
"computedValue": "specified keyword",
|
|
@@ -437,21 +437,21 @@
|
|
|
437
437
|
},
|
|
438
438
|
{
|
|
439
439
|
"name": "bar",
|
|
440
|
-
"prose": "The UA must render the
|
|
440
|
+
"prose": "The UA must render the insertion caret as a thin bar placed at the insertion point. This means it is between, before, or after characters, not over them. It should be perpendicular to the inline progression direction, although UAs may render it slanted when inserting italic or oblique text.",
|
|
441
441
|
"href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-bar",
|
|
442
442
|
"type": "value",
|
|
443
443
|
"value": "bar"
|
|
444
444
|
},
|
|
445
445
|
{
|
|
446
446
|
"name": "block",
|
|
447
|
-
"prose": "The UA must render the
|
|
447
|
+
"prose": "The UA must render the insertion caret as a rectangle overlapping the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character. UAs may render it as a slanted rectangle when inserting italic or oblique text.",
|
|
448
448
|
"href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-block",
|
|
449
449
|
"type": "value",
|
|
450
450
|
"value": "block"
|
|
451
451
|
},
|
|
452
452
|
{
|
|
453
453
|
"name": "underscore",
|
|
454
|
-
"prose": "The UA must render the
|
|
454
|
+
"prose": "The UA must render the insertion caret as a thin line under (as defined in [CSS-WRITING-MODES-3] the next visible character following the insertion point. If there is no visible character after the insertion point, the UA must render the caret after the last visible character.",
|
|
455
455
|
"href": "https://drafts.csswg.org/css-ui-4/#valdef-caret-shape-underscore",
|
|
456
456
|
"type": "value",
|
|
457
457
|
"value": "underscore"
|
|
@@ -467,7 +467,7 @@
|
|
|
467
467
|
"href": "https://drafts.csswg.org/css-ui-4/#propdef-caret",
|
|
468
468
|
"value": "<'caret-color'> || <'caret-animation'> || <'caret-shape'>",
|
|
469
469
|
"initial": "auto",
|
|
470
|
-
"appliesTo": "elements that accept input",
|
|
470
|
+
"appliesTo": "text or elements that accept text input",
|
|
471
471
|
"inherited": "yes",
|
|
472
472
|
"percentages": "N/A",
|
|
473
473
|
"computedValue": "see individual properties",
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
{
|
|
661
661
|
"name": "appearance",
|
|
662
662
|
"href": "https://drafts.csswg.org/css-ui-4/#propdef-appearance",
|
|
663
|
-
"value": "none | auto | base | <compat-auto> | <compat-special>",
|
|
663
|
+
"value": "none | auto | base | base-select | <compat-auto> | <compat-special>",
|
|
664
664
|
"initial": "none",
|
|
665
665
|
"appliesTo": "all elements",
|
|
666
666
|
"inherited": "no",
|
|
@@ -690,6 +690,13 @@
|
|
|
690
690
|
"type": "value",
|
|
691
691
|
"value": "base"
|
|
692
692
|
},
|
|
693
|
+
{
|
|
694
|
+
"name": "base-select",
|
|
695
|
+
"prose": "The effect of base-select depends on the element it is applied to:",
|
|
696
|
+
"href": "https://drafts.csswg.org/css-ui-4/#valdef-appearance-base-select",
|
|
697
|
+
"type": "value",
|
|
698
|
+
"value": "base-select"
|
|
699
|
+
},
|
|
693
700
|
{
|
|
694
701
|
"name": "<compat-auto>",
|
|
695
702
|
"value": "searchfield | textarea | checkbox | radio | menulist | listbox | meter | progress-bar | button",
|
package/css-values-5.json
CHANGED
|
@@ -391,7 +391,7 @@
|
|
|
391
391
|
"prose": "The calc-interpolate() interpolation notation represents an interpolated numeric or dimensional value. Like calc(), it is a math function, with the following syntax:",
|
|
392
392
|
"href": "https://drafts.csswg.org/css-values-5/#funcdef-calc-interpolate",
|
|
393
393
|
"type": "function",
|
|
394
|
-
"value": "calc-interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function
|
|
394
|
+
"value": "calc-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ] , <input-position>{1,2} : <calc-sum> , [ <easing-function>? , <input-position>{1,2} : <calc-sum> ]#? )",
|
|
395
395
|
"values": [
|
|
396
396
|
{
|
|
397
397
|
"name": "by",
|
|
@@ -402,20 +402,20 @@
|
|
|
402
402
|
},
|
|
403
403
|
{
|
|
404
404
|
"name": "<input-position>",
|
|
405
|
-
"
|
|
405
|
+
"value": "<percentage> | <number> | <dimension>",
|
|
406
406
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
|
|
407
407
|
"type": "type"
|
|
408
408
|
},
|
|
409
409
|
{
|
|
410
410
|
"name": "<easing-function>",
|
|
411
|
-
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
411
|
+
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
412
412
|
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
|
|
413
413
|
"type": "value",
|
|
414
414
|
"value": "<easing-function>"
|
|
415
415
|
},
|
|
416
416
|
{
|
|
417
417
|
"name": "<segment-options>",
|
|
418
|
-
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
418
|
+
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
419
419
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
|
|
420
420
|
"type": "type"
|
|
421
421
|
}
|
|
@@ -426,7 +426,7 @@
|
|
|
426
426
|
"prose": "The color-interpolate() interpolation notation represents an interpolated <color> value, with the following syntax:",
|
|
427
427
|
"href": "https://drafts.csswg.org/css-values-5/#funcdef-color-interpolate",
|
|
428
428
|
"type": "function",
|
|
429
|
-
"value": "color-interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function>? && <color-interpolation-method
|
|
429
|
+
"value": "color-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? && <color-interpolation-method>? ] , <input-position>{1,2} : <color>, [ [ <easing-function> || <color-interpolation-method> ]?, <input-position>{1,2} : <color> ]#? )",
|
|
430
430
|
"values": [
|
|
431
431
|
{
|
|
432
432
|
"name": "by",
|
|
@@ -437,20 +437,20 @@
|
|
|
437
437
|
},
|
|
438
438
|
{
|
|
439
439
|
"name": "<input-position>",
|
|
440
|
-
"
|
|
440
|
+
"value": "<percentage> | <number> | <dimension>",
|
|
441
441
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
|
|
442
442
|
"type": "type"
|
|
443
443
|
},
|
|
444
444
|
{
|
|
445
445
|
"name": "<easing-function>",
|
|
446
|
-
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
446
|
+
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
447
447
|
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
|
|
448
448
|
"type": "value",
|
|
449
449
|
"value": "<easing-function>"
|
|
450
450
|
},
|
|
451
451
|
{
|
|
452
452
|
"name": "<segment-options>",
|
|
453
|
-
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
453
|
+
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
454
454
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
|
|
455
455
|
"type": "type"
|
|
456
456
|
}
|
|
@@ -461,7 +461,7 @@
|
|
|
461
461
|
"prose": "The transform-interpolate() interpolation notation represents an interpolated <transform-list>, with the following syntax:",
|
|
462
462
|
"href": "https://drafts.csswg.org/css-values-5/#funcdef-transform-interpolate",
|
|
463
463
|
"type": "function",
|
|
464
|
-
"value": "transform-interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function
|
|
464
|
+
"value": "transform-interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ], <input-position>{1,2} : <transform-list>, [ <easing-function>?, <input-position>{1,2} : <transform-list> ]#? )",
|
|
465
465
|
"values": [
|
|
466
466
|
{
|
|
467
467
|
"name": "by",
|
|
@@ -472,20 +472,20 @@
|
|
|
472
472
|
},
|
|
473
473
|
{
|
|
474
474
|
"name": "<input-position>",
|
|
475
|
-
"
|
|
475
|
+
"value": "<percentage> | <number> | <dimension>",
|
|
476
476
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
|
|
477
477
|
"type": "type"
|
|
478
478
|
},
|
|
479
479
|
{
|
|
480
480
|
"name": "<easing-function>",
|
|
481
|
-
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
481
|
+
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
482
482
|
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
|
|
483
483
|
"type": "value",
|
|
484
484
|
"value": "<easing-function>"
|
|
485
485
|
},
|
|
486
486
|
{
|
|
487
487
|
"name": "<segment-options>",
|
|
488
|
-
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
488
|
+
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
489
489
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
|
|
490
490
|
"type": "type"
|
|
491
491
|
}
|
|
@@ -496,7 +496,7 @@
|
|
|
496
496
|
"prose": "The interpolate() interpolation notation represents the interpolation of entire property values, which supports two alternative syntax patterns:",
|
|
497
497
|
"href": "https://drafts.csswg.org/css-values-5/#funcdef-interpolate",
|
|
498
498
|
"type": "function",
|
|
499
|
-
"value": "interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function
|
|
499
|
+
"value": "interpolate( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? ] , <input-position>{1,2} : <whole-value>, [ <easing-function>?, <input-position>{1,2} : <whole-value> ]#? ) | interpolate( <progress-source> && [ by <easing-function> ]? && <easing-function>? of <keyframes-name> )",
|
|
500
500
|
"values": [
|
|
501
501
|
{
|
|
502
502
|
"name": "by",
|
|
@@ -507,20 +507,20 @@
|
|
|
507
507
|
},
|
|
508
508
|
{
|
|
509
509
|
"name": "<input-position>",
|
|
510
|
-
"
|
|
510
|
+
"value": "<percentage> | <number> | <dimension>",
|
|
511
511
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
|
|
512
512
|
"type": "type"
|
|
513
513
|
},
|
|
514
514
|
{
|
|
515
515
|
"name": "<easing-function>",
|
|
516
|
-
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
516
|
+
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
517
517
|
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
|
|
518
518
|
"type": "value",
|
|
519
519
|
"value": "<easing-function>"
|
|
520
520
|
},
|
|
521
521
|
{
|
|
522
522
|
"name": "<segment-options>",
|
|
523
|
-
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
523
|
+
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. (For example, color-interpolate() allows <color-interpolation-method>.) When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
524
524
|
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
|
|
525
525
|
"type": "type"
|
|
526
526
|
}
|
|
@@ -773,82 +773,17 @@
|
|
|
773
773
|
{
|
|
774
774
|
"msg": "Missing definition",
|
|
775
775
|
"name": "*interpolate()",
|
|
776
|
-
"value": "*interpolate( progress && global-options
|
|
776
|
+
"value": "*interpolate( [ progress && global-options? ], stop, [ between-options? , stop ]# )"
|
|
777
777
|
},
|
|
778
778
|
{
|
|
779
779
|
"msg": "Missing definition",
|
|
780
780
|
"name": "interpolate-function()",
|
|
781
|
-
"value": "interpolate-function( <progress-source> && [ by <easing-function> ]? && <easing-function>? && <segment-options
|
|
781
|
+
"value": "interpolate-function( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? && <segment-options>? ] , <input-position>{1,2} : <output-value> , [ [ <easing-function> || <segment-options> ]? , <input-position>{1,2} : <output-value> ]#? )"
|
|
782
782
|
},
|
|
783
783
|
{
|
|
784
|
-
"msg": "
|
|
785
|
-
"name": "<percentage>",
|
|
786
|
-
"prose": "Represents the interpolation progress as a percentage, with 0% computing to zero and 100% computing to 1.",
|
|
787
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-percentage",
|
|
788
|
-
"type": "value",
|
|
789
|
-
"value": "<percentage>",
|
|
790
|
-
"for": "palette-interpolate()"
|
|
791
|
-
},
|
|
792
|
-
{
|
|
793
|
-
"msg": "Dangling value",
|
|
794
|
-
"name": "<number>",
|
|
795
|
-
"prose": "Represents the interpolation progress as a number directly.",
|
|
796
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-number",
|
|
797
|
-
"type": "value",
|
|
798
|
-
"value": "<number>",
|
|
799
|
-
"for": "palette-interpolate()"
|
|
800
|
-
},
|
|
801
|
-
{
|
|
802
|
-
"msg": "Dangling value",
|
|
803
|
-
"name": "<dimension>",
|
|
804
|
-
"prose": "Represents the interpolation progress as a dimension, which is converted to a number as specified in § 7.2 Validation and Normalization.",
|
|
805
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-dimension",
|
|
806
|
-
"type": "value",
|
|
807
|
-
"value": "<dimension>",
|
|
808
|
-
"for": "palette-interpolate()"
|
|
809
|
-
},
|
|
810
|
-
{
|
|
811
|
-
"msg": "Dangling value",
|
|
812
|
-
"name": "<'animation-timeline'>",
|
|
813
|
-
"prose": "Represents the interpolation progress as the progress of the specified animation timeline. The values none and auto are invalid. [CSS-ANIMATIONS-2] [WEB-ANIMATIONS-2]",
|
|
814
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-progress-source-animation-timeline",
|
|
815
|
-
"type": "value",
|
|
816
|
-
"value": "<'animation-timeline'>",
|
|
817
|
-
"for": "palette-interpolate()"
|
|
818
|
-
},
|
|
819
|
-
{
|
|
820
|
-
"msg": "Dangling value",
|
|
821
|
-
"name": "by",
|
|
822
|
-
"prose": "The interpolation progress given by <progress-source> may be optionally modified by the <easing-function> specified after the by keyword. It applies the specified easing function to the “timeline” of progress as a whole by modifying the interpolation progress before it’s applied to the interpolation map, analogous to animation-easing.",
|
|
823
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-by",
|
|
824
|
-
"type": "value",
|
|
825
|
-
"value": "by",
|
|
826
|
-
"for": "palette-interpolate()"
|
|
827
|
-
},
|
|
828
|
-
{
|
|
829
|
-
"msg": "Dangling value",
|
|
784
|
+
"msg": "Missing definition",
|
|
830
785
|
"name": "<input-position>",
|
|
831
|
-
"
|
|
832
|
-
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
|
|
833
|
-
"type": "type",
|
|
834
|
-
"for": "palette-interpolate()"
|
|
835
|
-
},
|
|
836
|
-
{
|
|
837
|
-
"msg": "Dangling value",
|
|
838
|
-
"name": "<easing-function>",
|
|
839
|
-
"prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) The input progress value to this easing function is the segment interpolation progress—how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
|
|
840
|
-
"href": "https://drafts.csswg.org/css-values-5/#valdef-calc-interpolate-easing-function",
|
|
841
|
-
"type": "value",
|
|
842
|
-
"value": "<easing-function>",
|
|
843
|
-
"for": "palette-interpolate()"
|
|
844
|
-
},
|
|
845
|
-
{
|
|
846
|
-
"msg": "Dangling value",
|
|
847
|
-
"name": "<segment-options>",
|
|
848
|
-
"prose": "When appearing in the first argument, provides any type-specific interpolation options that apply to every segment in the interpolation map. When appearing between stops, provides any type-specific interpolation options that apply to the interpolation segment between the stops on either side of this argument, overriding any default provided by a corresponding global <segment-options> argument.",
|
|
849
|
-
"href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-segment-options",
|
|
850
|
-
"type": "type",
|
|
851
|
-
"for": "palette-interpolate()"
|
|
786
|
+
"value": "<percentage> | <number> | <dimension>"
|
|
852
787
|
}
|
|
853
788
|
]
|
|
854
789
|
}
|
|
@@ -133,6 +133,11 @@
|
|
|
133
133
|
"name": ":active-view-transition-type()",
|
|
134
134
|
"prose": "The :active-view-transition-type() pseudo-class applies to the root element of the document, if it has a matching active view transition. It has the following syntax definition:",
|
|
135
135
|
"href": "https://drafts.csswg.org/css-view-transitions-2/#active-view-transition-type-pseudo"
|
|
136
|
+
},
|
|
137
|
+
{
|
|
138
|
+
"name": "::view-transition-group-children()",
|
|
139
|
+
"prose": "The ::view-transition-group-children() pseudo-element is a named view transition pseudo-element that represents a matching named view transition capture. A ::view-transition-group-children() pseudo-element is generated based on the view-transition-group property, as a child of the corresponding ::view-transition-group() pseudo-element, and contains one or more ::view-transition-group() elements, corresponding to the nested groups. See the used group name and related algorithms.",
|
|
140
|
+
"href": "https://drafts.csswg.org/css-view-transitions-2/#selectordef-view-transition-group-children"
|
|
136
141
|
}
|
|
137
142
|
],
|
|
138
143
|
"values": [
|