diff --git a/tr/css/css-values.json b/tr/css/css-values.json index 203cc79b23a2..c5350f54a4a0 100644 --- a/tr/css/css-values.json +++ b/tr/css/css-values.json @@ -11,22 +11,19 @@ "name": "mix()", "prose": "Interpolation of two values can be represented by the mix() functional notation, whose syntax is defined as follows:", "type": "function", + "value": "mix( ';' ? ';' ? )", "values": [ { "name": "", - "prose": "Represents the interpolation point as progress from to .", + "prose": "Represents the interpolation progress between the two values.", "type": "value", "value": "" }, { - "name": "", - "prose": "The value at the “start” (0%) of the interpolation range.", - "type": "type" - }, - { - "name": "", - "prose": "The value at the “end” (100%) of the interpolation range.", - "type": "type" + "name": "", + "prose": "The first represents the value at the “start” (0%) of the interpolation range, interpreted as a value for the property this function is used in. The second represents the value at the “end” (100%) of the interpolation range, interpreted the same. Either value can be omitted, to refer to an empty value (this is valid in custom properties, such as --foo:;). The separating ; cannot be omitted; for example, a mix() with an empty starting value would be written like mix(50%;;bar).", + "type": "value", + "value": "" } ] }, @@ -53,17 +50,19 @@ { "name": "url()", "prose": "The type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.", - "type": "function" + "type": "function", + "value": "url( * ) | " }, { "name": "src()", "prose": "The type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.", - "type": "function" + "type": "function", + "value": "src( * )" }, { "name": "", "type": "type", - "value": "url( * ) | src( * )" + "value": " | " }, { "name": "", diff --git a/tr/css/scroll-animations.json b/tr/css/scroll-animations.json index aacc2a49d185..380c2a950e63 100644 --- a/tr/css/scroll-animations.json +++ b/tr/css/scroll-animations.json @@ -1,6 +1,6 @@ { "spec": { - "title": "Scroll-linked Animations", + "title": "Scroll-driven Animations", "url": "https://www.w3.org/TR/scroll-animations-1/" }, "properties": [ @@ -65,6 +65,12 @@ "prose": "Specifies to use the document viewport as the scroll container.", "type": "value", "value": "root" + }, + { + "name": "self", + "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container, then the scroll progress timeline is inactive.", + "type": "value", + "value": "self" } ], "styleDeclaration": [ @@ -74,7 +80,7 @@ }, { "name": "scroll-timeline", - "value": "[ <'scroll-timeline-name'> || <'scroll-timeline-axis'> ]#", + "value": "[ <'scroll-timeline-name'> <'scroll-timeline-axis'>? ]#", "initial": "see individual properties", "appliesTo": "scroll containers", "inherited": "no", @@ -148,6 +154,12 @@ "prose": "Specifies to use the document viewport as the scroll container.", "type": "value", "value": "root" + }, + { + "name": "self", + "prose": "Specifies to use the element’s own principal box as the scroll container. If the principal box is not a scroll container, then the scroll progress timeline is inactive.", + "type": "value", + "value": "self" } ], "styleDeclaration": [ @@ -158,7 +170,7 @@ { "name": "view-timeline-inset", "value": "[ [ auto | ]{1,2} ]#", - "initial": "0", + "initial": "auto", "appliesTo": "all elements", "inherited": "no", "percentages": "relative to the corresponding dimension of the relevant scrollport", @@ -186,7 +198,7 @@ }, { "name": "view-timeline", - "value": "[ <'view-timeline-name'> || <'view-timeline-axis'> ]#", + "value": "[ <'view-timeline-name'> <'view-timeline-axis'>? ]#", "initial": "see individual properties", "appliesTo": "all elements", "inherited": "see individual properties", @@ -199,24 +211,9 @@ "viewTimeline" ] }, - { - "name": "animation-delay", - "value": "[ <'animation-delay-start'> <'animation-delay-end'>? | ]#", - "initial": "see individual properties", - "appliesTo": "see individual properties", - "inherited": "see individual properties", - "percentages": "see individual properties", - "computedValue": "see individual properties", - "animationType": "see individual properties", - "canonicalOrder": "per grammar", - "styleDeclaration": [ - "animation-delay", - "animationDelay" - ] - }, { "name": "animation-range", - "value": "[ <'animation-delay-start'> <'animation-delay-end'>? | ]#", + "value": "[ <'animation-range-start'> <'animation-range-end'>? ]#", "initial": "see individual properties", "appliesTo": "see individual properties", "inherited": "see individual properties", @@ -230,61 +227,73 @@ ] }, { - "name": "animation-delay-start", - "value": "[