@webref/css 5.2.0 → 5.2.1

package/css-animations.json

@@ -94,21 +94,6 @@
         "animationPlayState"
       ]
     },
-    "animation-delay": {
-      "name": "animation-delay",
-      "value": "<time>#",
-      "initial": "0s",
-      "appliesTo": "all elements",
-      "inherited": "no",
-      "percentages": "N/A",
-      "computedValue": "list, each item a duration",
-      "canonicalOrder": "per grammar",
-      "animationType": "not animatable",
-      "styleDeclaration": [
-        "animation-delay",
-        "animationDelay"
-      ]
-    },
     "animation-fill-mode": {
       "name": "animation-fill-mode",
       "value": "<single-animation-fill-mode>#",
@@ -166,9 +151,6 @@
     },
     "<keyframe-block>": {
       "value": "<keyframe-selector># { <declaration-list> }"
-    },
-    "<keyframe-selector>": {
-      "value": "from | to | <percentage [0,100]>"
     }
   }
 }

package/css-cascade-6.json

@@ -15,7 +15,7 @@
       "prose": "The <scope-start> is a <forgiving-selector-list>. Each element matched by <scope-start> is a scoping element, creating a scope with itself as the scoping root."
     },
     "<scope-end>": {
-      "prose": "The <scope-end> is a <forgiving-selector-list> that is scoped by the <scope-start> selector, with the scoping roots as :scope elements. Each element matched by <scope-end> is a scoping limit. The scoping limit elements define the lower bounds of a scope, so that scoped selectors are not able to match any elements nested within them."
+      "prose": "The <scope-end> is a <forgiving-selector-list> that is scoped by the <scope-start> selector, with the scoping roots as :scope elements. Each element matched by <scope-end> is a scoping limit. The scoping limit elements define the lower bounds of a scope, so that scoped selectors are not able to match any scoping limit elements, or any elements nested within them."
     },
     "<selector-scope>": {
       "value": "( <scope-start> [/ <scope-end>]? )"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@webref/css",
   "description": "CSS definitions of the web platform",
-  "version": "5.2.0",
+  "version": "5.2.1",
   "repository": {
     "type": "git",
     "url": "https://github.com/w3c/webref.git"

package/scroll-animations.json

@@ -108,10 +108,73 @@
         "view-timeline",
         "viewTimeline"
       ]
+    },
+    "animation-delay": {
+      "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"
+      ]
+    },
+    "animation-range": {
+      "name": "animation-range",
+      "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-range",
+        "animationRange"
+      ]
+    },
+    "animation-delay-start": {
+      "name": "animation-delay-start",
+      "value": "[ <time> | <timeline-range-name> <percentage> ]",
+      "initial": "0s",
+      "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",
+      "canonicalOrder": "per grammar",
+      "animatable": "no",
+      "styleDeclaration": [
+        "animation-delay-start",
+        "animationDelayStart"
+      ]
+    },
+    "animation-delay-end": {
+      "name": "animation-delay-end",
+      "value": "[ <time> | <timeline-range-name> <percentage> ]",
+      "initial": "0s",
+      "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",
+      "canonicalOrder": "per grammar",
+      "animatable": "no",
+      "styleDeclaration": [
+        "animation-delay-end",
+        "animationDelayEnd"
+      ]
     }
   },
   "atrules": {},
   "valuespaces": {
+    "<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."
+    },
     "<scroll()>": {
       "value": "scroll( <axis>? <scroller>? )"
     },
@@ -120,6 +183,9 @@
     },
     "<scroller>": {
       "value": "root | nearest"
+    },
+    "<keyframe-selector>": {
+      "value": "from | to | <percentage> | <timeline-range-name> <percentage>"
     }
   }
 }