@webref/css 5.4.1 → 5.4.2

package/css-backgrounds-4.json

@@ -96,12 +96,12 @@
     },
     "border-top-color": {
       "name": "border-top-color",
-      "value": "<color>#",
+      "value": "<color> | <1d-image>",
       "initial": "currentcolor",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the computed color",
+      "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
       "styleDeclaration": [
@@ -111,12 +111,12 @@
     },
     "border-right-color": {
       "name": "border-right-color",
-      "value": "<color>#",
+      "value": "<color> | <1d-image>",
       "initial": "currentcolor",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the computed color",
+      "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
       "styleDeclaration": [
@@ -126,12 +126,12 @@
     },
     "border-bottom-color": {
       "name": "border-bottom-color",
-      "value": "<color>#",
+      "value": "<color> | <1d-image>",
       "initial": "currentcolor",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the computed color",
+      "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
       "styleDeclaration": [
@@ -141,12 +141,12 @@
     },
     "border-left-color": {
       "name": "border-left-color",
-      "value": "<color>#",
+      "value": "<color> | <1d-image>",
       "initial": "currentcolor",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the computed color",
+      "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
       "styleDeclaration": [
@@ -156,7 +156,7 @@
     },
     "border-color": {
       "name": "border-color",
-      "value": "<color>#{1,4}",
+      "value": "[ <color> | <1d-image> ]{1,4}",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",

package/css-images-4.json

@@ -136,6 +136,15 @@
     },
     "<color-stop>": {
       "value": "<color-stop-length> | <color-stop-angle>"
+    },
+    "<1d-image>": {
+      "value": "<stripes()>"
+    },
+    "<stripes()>": {
+      "value": "stripes( <color-stripe># )"
+    },
+    "<color-stripe>": {
+      "value": "<color> && [ <length-percentage> | <flex> ]?"
     }
   }
 }

package/css-ui.json

@@ -50,12 +50,12 @@
     },
     "outline-color": {
       "name": "outline-color",
-      "value": "<color> | invert",
+      "value": "[ <color> | <1d-image> ] | invert",
       "initial": "invert",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "The computed value for invert is invert. For <color> values, see [[!CSS-COLOR-4#resolving-color-values]] in [CSS-COLOR-4].",
+      "computedValue": "The computed value for invert is invert. For <color> values, see CSS Color 4 § 14 Resolving <color> Values in [CSS-COLOR-4]. For <1d-image> values, see CSS Images 4 § 4 1D Image Values: the stripes() notation in [CSS-IMAGES-4].",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
       "styleDeclaration": [

package/css-view-transitions.json

@@ -4,8 +4,8 @@
     "url": "https://drafts.csswg.org/css-view-transitions-1/"
   },
   "properties": {
-    "page-transition-tag": {
-      "name": "page-transition-tag",
+    "view-transition-name": {
+      "name": "view-transition-name",
       "value": "none | <custom-ident>",
       "initial": "none",
       "appliesTo": "all elements",
@@ -15,14 +15,14 @@
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "styleDeclaration": [
-        "page-transition-tag",
-        "pageTransitionTag"
+        "view-transition-name",
+        "viewTransitionName"
       ]
     }
   },
   "atrules": {},
   "valuespaces": {
-    "<pt-tag-selector>": {
+    "<pt-name-selector>": {
       "value": "'*' | <custom-ident>"
     }
   }

package/package.json

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

package/scroll-animations.json

@@ -141,7 +141,7 @@
     },
     "animation-delay-start": {
       "name": "animation-delay-start",
-      "value": "[ <time> | <timeline-range-name> <percentage> ]",
+      "value": "[ <time> | <timeline-range-name> <percentage> ]#",
       "initial": "0s",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -172,12 +172,13 @@
   },
   "atrules": {},
   "valuespaces": {
+    "<scroll()>": {
+      "prose": "The scroll() functional notation can be used as a value of animation-timeline and specifies a scroll progress timeline. Its syntax is",
+      "value": "scroll( [ <scroller> || <axis> ]? )"
+    },
     "<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>? )"
-    },
     "<axis>": {
       "value": "block | inline | vertical | horizontal"
     },