Skip to content

Commit

Permalink
Update of TR report from new reffy run
Browse files Browse the repository at this point in the history
Using reffy commit 12.1.3.
  • Loading branch information
reffy-bot committed Apr 7, 2023
1 parent 7711764 commit 65ee3a1
Show file tree
Hide file tree
Showing 37 changed files with 6,106 additions and 2,519 deletions.
23 changes: 11 additions & 12 deletions tr/css/css-values.json
Original file line number Diff line number Diff line change
Expand Up @@ -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( <percentage> ';' <declaration-value>? ';' <declaration-value>? )",
"values": [
{
"name": "<percentage>",
"prose": "Represents the interpolation point as progress from <start-value> to <end-value>.",
"prose": "Represents the interpolation progress between the two values.",
"type": "value",
"value": "<percentage>"
},
{
"name": "<start-value>",
"prose": "The value at the “start” (0%) of the interpolation range.",
"type": "type"
},
{
"name": "<end-value>",
"prose": "The value at the “end” (100%) of the interpolation range.",
"type": "type"
"name": "<declaration-value>",
"prose": "The first <declaration-value> 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 <declaration-value> 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": "<declaration-value>"
}
]
},
Expand All @@ -53,17 +50,19 @@
{
"name": "url()",
"prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.",
"type": "function"
"type": "function",
"value": "url( <string> <url-modifier>* ) | <url-token>"
},
{
"name": "src()",
"prose": "The <url> type, written with the url() and src() functions, represents a URL, which is a pointer to a resource.",
"type": "function"
"type": "function",
"value": "src( <string> <url-modifier>* )"
},
{
"name": "<url>",
"type": "type",
"value": "url( <string> <url-modifier>* ) | src( <string> <url-modifier>* )"
"value": "<url()> | <src()>"
},
{
"name": "<url-modifier>",
Expand Down
135 changes: 83 additions & 52 deletions tr/css/scroll-animations.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"spec": {
"title": "Scroll-linked Animations",
"title": "Scroll-driven Animations",
"url": "https://www.w3.org/TR/scroll-animations-1/"
},
"properties": [
Expand Down Expand Up @@ -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": [
Expand All @@ -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",
Expand Down Expand Up @@ -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": [
Expand All @@ -158,7 +170,7 @@
{
"name": "view-timeline-inset",
"value": "[ [ auto | <length-percentage> ]{1,2} ]#",
"initial": "0",
"initial": "auto",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the corresponding dimension of the relevant scrollport",
Expand Down Expand Up @@ -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",
Expand All @@ -199,24 +211,9 @@
"viewTimeline"
]
},
{
"name": "animation-delay",
"value": "[ <'animation-delay-start'> <'animation-delay-end'>? | <timeline-range-name> ]#",
"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'>? | <timeline-range-name> ]#",
"value": "[ <'animation-range-start'> <'animation-range-end'>? ]#",
"initial": "see individual properties",
"appliesTo": "see individual properties",
"inherited": "see individual properties",
Expand All @@ -230,61 +227,73 @@
]
},
{
"name": "animation-delay-start",
"value": "[ <time> | <timeline-range-name> <percentage> ]#",
"initial": "0s",
"name": "animation-range-start",
"value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the specified named timeline range",
"computedValue": "list, each item either a duration or a timeline range and progress percentage",
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
"canonicalOrder": "per grammar",
"animatable": "no",
"animationType": "not animatable",
"values": [
{
"name": "<time>",
"prose": "Defines the delay as a duration. See [CSS-ANIMATIONS-1].",
"name": "normal",
"prose": "The start of the animation’s attachment range is the start of its associated timeline; the start of the animation’s active interval is determined as normal.",
"type": "value",
"value": "normal"
},
{
"name": "<length-percentage>",
"prose": "The animation attachment range starts at the specified point on the timeline measuring from the start of the timeline.",
"type": "value",
"value": "<time>"
"value": "<length-percentage>"
},
{
"name": "<timeline-range-name> <percentage>",
"prose": "Calculates the delay as the difference between the start of the animation and the specified point on the timeline.",
"name": "<timeline-range-name> <length-percentage>?",
"prose": "The animation attachment range starts at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 0%.",
"type": "value",
"value": "<timeline-range-name> <percentage>"
"value": "<timeline-range-name> <length-percentage>?"
}
],
"styleDeclaration": [
"animation-delay-start",
"animationDelayStart"
"animation-range-start",
"animationRangeStart"
]
},
{
"name": "animation-delay-end",
"value": "[ <time> | <timeline-range-name> <percentage> ]#",
"initial": "0s",
"name": "animation-range-end",
"value": "[ normal | <length-percentage> | <timeline-range-name> <length-percentage>? ]#",
"initial": "normal",
"appliesTo": "all elements",
"inherited": "no",
"percentages": "relative to the specified named timeline range",
"computedValue": "list, each item either a duration or a timeline range and progress percentage",
"percentages": "relative to the specified named timeline range if one was specified, else to the entire timeline",
"computedValue": "list, each item either the keyword normal or a timeline range and progress percentage",
"canonicalOrder": "per grammar",
"animatable": "no",
"animationType": "not animatable",
"values": [
{
"name": "<time>",
"prose": "Defines the delay as a duration. See [CSS-ANIMATIONS-1].",
"name": "normal",
"prose": "The end of the animation’s attachment range is the end of its associated timeline; the end of the animation’s active interval is determined as normal.",
"type": "value",
"value": "<time>"
"value": "normal"
},
{
"name": "<timeline-range-name> <percentage>",
"prose": "Calculates the delay as the difference between the start of the animation and the specified point on the timeline.",
"name": "<length-percentage>",
"prose": "The animation attachment range ends at the specified point on the timeline measuring from the start of the timeline.",
"type": "value",
"value": "<timeline-range-name> <percentage>"
"value": "<length-percentage>"
},
{
"name": "<timeline-range-name> <length-percentage>?",
"prose": "The animation attachment range ends at the specified point on the timeline measuring from the start of the specified named timeline range. If the <length-percentage> is omitted, it defaults to 100%.",
"type": "value",
"value": "<timeline-range-name> <length-percentage>?"
}
],
"styleDeclaration": [
"animation-delay-end",
"animationDelayEnd"
"animation-range-end",
"animationRangeEnd"
]
}
],
Expand Down Expand Up @@ -332,6 +341,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"
}
]
},
Expand All @@ -343,7 +358,7 @@
{
"name": "<scroller>",
"type": "type",
"value": "root | nearest"
"value": "root | nearest | self"
},
{
"name": "view()",
Expand All @@ -353,15 +368,15 @@
},
{
"name": "<timeline-range-name>",
"prose": "A named timeline range is a named segment of an animation timeline. The start of the segment is represented as 0% progress through the range; the end of the segment is represented as 100% progress through the range. Multiple named timeline ranges can be attached to a given timeline, and multiple such ranges can overlap. For example, the contain range of a view progress timeline overlaps with its cover range. Named timeline ranges are represented by the <timeline-range-name> value type, which indicates a CSS identifier representing one of the predefined named timeline ranges.",
"prose": "A named timeline range is a named segment of an animation timeline. The start of the segment is represented as 0% progress through the range; the end of the segment is represented as 100% progress through the range. Multiple named timeline ranges can be associated with a given timeline, and multiple such ranges can overlap. For example, the contain range of a view progress timeline overlaps with its cover range. Named timeline ranges are represented by the <timeline-range-name> value type, which indicates a CSS identifier representing one of the predefined named timeline ranges.",
"type": "type"
}
],
"warnings": [
{
"msg": "Missing definition",
"name": "<keyframe-selector>",
"value": "from | to | <percentage> | <timeline-range-name> <percentage>"
"value": "from | to | <percentage [0,100]> | <timeline-range-name> <percentage>"
},
{
"msg": "Dangling value",
Expand All @@ -382,7 +397,7 @@
{
"msg": "Dangling value",
"name": "entry",
"prose": "Represents the range during which the principal box is entering the view progress visibility range. 0% is equivalent to 0% of the cover range. 100% is equivalent to 0% of the contain range. Should this be entry or enter?",
"prose": "Represents the range during which the principal box is entering the view progress visibility range. 0% is equivalent to 0% of the cover range. 100% is equivalent to 0% of the contain range.",
"type": "value",
"value": "entry",
"for": "animation-timeline-range"
Expand All @@ -394,6 +409,22 @@
"type": "value",
"value": "exit",
"for": "animation-timeline-range"
},
{
"msg": "Dangling value",
"name": "entry-crossing",
"prose": "Represents the range during which the principal box crosses the end border edge 0% progress represents the position at which the start border edge of the element’s principal box coincides with the end edge of its view progress visibility range. 100% progress represents the position at which the end border edge of the element’s principal box coincides with the end edge of its view progress visibility range.",
"type": "value",
"value": "entry-crossing",
"for": "animation-timeline-range"
},
{
"msg": "Dangling value",
"name": "exit-crossing",
"prose": "Represents the range during which the principal box crosses the start border edge 0% progress represents the position at which the start border edge of the element’s principal box coincides with the start edge of its view progress visibility range. 100% progress represents the position at which the end border edge of the element’s principal box coincides with the start edge of its view progress visibility range.",
"type": "value",
"value": "exit-crossing",
"for": "animation-timeline-range"
}
]
}
Loading

0 comments on commit 65ee3a1

Please sign in to comment.