@webref/css 6.5.0 → 6.5.2

package/css-animations-2.json

@@ -17,7 +17,7 @@
       "values": [
         {
           "name": "auto",
-          "prose": "For time-driven animations, equivalent to 0s. For scroll-driven animations, equivalent to the duration necessary to fill the timeline in consideration of animation-range, animation-delay, and animation-iteration-count. See Scroll-linked Animations § 4.1 Finite Timeline Calculations.",
+          "prose": "For time-driven animations, equivalent to 0s. For scroll-driven animations, equivalent to the duration necessary to fill the timeline in consideration of animation-range, animation-delay, and animation-iteration-count. See Scroll-driven Animations § 4.1 Finite Timeline Calculations.",
           "type": "value",
           "value": "auto"
         },
@@ -91,19 +91,19 @@
         },
         {
           "name": "<custom-ident>",
-          "prose": "If a named scroll progress timeline or view progress timeline is in scope on this element, use the referenced timeline as defined in Scroll-linked Animations § 4.2 Named Timeline Scoping. Otherwise the animation is not associated with a timeline.",
+          "prose": "If a named scroll progress timeline or view progress timeline is in scope on this element, use the referenced timeline as defined in Scroll-driven Animations § 4.2 Named Timeline Scoping. Otherwise the animation is not associated with a timeline.",
           "type": "value",
           "value": "<custom-ident>"
         },
         {
           "name": "<scroll()>",
-          "prose": "Use the scroll progress timeline indicated by the given scroll() function. See Scroll-linked Animations § 2.2.1 The scroll() notation.",
+          "prose": "Use the scroll progress timeline indicated by the given scroll() function. See Scroll-driven Animations § 2.2.1 The scroll() notation.",
           "type": "value",
           "value": "<scroll()>"
         },
         {
           "name": "<view()>",
-          "prose": "Use the view progress timeline indicated by the given view() function. See Scroll-linked Animations § 3.3.1 The view() notation.",
+          "prose": "Use the view progress timeline indicated by the given view() function. See Scroll-driven Animations § 3.3.1 The view() notation.",
           "type": "value",
           "value": "<view()>"
         }

package/css-backgrounds-4.json

@@ -6,7 +6,7 @@
   "properties": [
     {
       "name": "background-position",
-      "value": "<position>#",
+      "value": "<bg-position>#",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",
@@ -358,7 +358,7 @@
     {
       "name": "border-limit",
       "value": "all | [ sides | corners ] <length-percentage [0,∞]>? | [ top | right | bottom | left ] <length-percentage [0,∞]>",
-      "initial": "round",
+      "initial": "all",
       "appliesTo": "all elements, except table element when border-collapse is collapse",
       "inherited": "no",
       "percentages": "relative to border-box",
@@ -366,6 +366,12 @@
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
       "values": [
+        {
+          "name": "all",
+          "prose": "The entire border is drawn.",
+          "type": "value",
+          "value": "all"
+        },
         {
           "name": "sides",
           "prose": "The sides are drawn up to but not including the corners (as defined by the border radii). A length or percentage is measured from the center of each side: 50% draws the middle 50% of the border; by default the entire side is drawn.",
@@ -601,6 +607,11 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<bg-position>",
+      "type": "type",
+      "value": "[ [ left | center | right | top | bottom | start | end | <length-percentage> ] | [ left | center | right | x-start | x-end | <length-percentage> ] [ top | center | bottom | y-start | y-end | <length-percentage> ] | [ center | [ left | right | x-start | x-end ] <length-percentage>? ] && [ center | [ top | bottom | y-start | y-end ] <length-percentage>? ] | [ center | [ start | end ] <length-percentage>? ] [ center | [ start | end ] <length-percentage>? ] ]"
+    },
     {
       "name": "<bg-clip>",
       "type": "type",

package/css-color-5.json

@@ -144,13 +144,13 @@
         },
         {
           "name": "a",
-          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes after conversion, if required, to CIE Lab",
+          "prose": "a and b are <number>s that correspond to the origin color’s CIE Lab a and b axes after conversion, if required, to CIE Lab",
           "type": "value",
           "value": "a"
         },
         {
           "name": "b",
-          "prose": "a and b are <number>s that correspond to the origin color’s CIELab a and b axes after conversion, if required, to CIE Lab",
+          "prose": "a and b are <number>s that correspond to the origin color’s CIE Lab a and b axes after conversion, if required, to CIE Lab",
           "type": "value",
           "value": "b"
         },

package/css-contain-3.json

@@ -189,14 +189,22 @@
       "type": "type",
       "value": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
     },
+    {
+      "name": "<style-feature>",
+      "type": "type",
+      "value": "<ident> : <declaration-value> | <ident>"
+    },
     {
       "name": "<size-feature>",
       "prose": "A container size query allows querying the size of the query container’s principal box. It is a boolean combination of individual size features (<size-feature>) that each query a single, specific dimensional feature of the query container. The syntax of a <size-feature> is the same as for a media feature: a feature name, a comparator, and a value. [mediaqueries-5] The boolean syntax and logic combining size features into a size query is the same as for CSS feature queries. (See @supports. [CSS-CONDITIONAL-3])",
       "type": "type"
-    },
+    }
+  ],
+  "warnings": [
     {
+      "msg": "Duplicate definition",
       "name": "<style-feature>",
-      "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 the same as for a declaration [CSS-SYNTAX-3], and its query is true if the computed value of the given property on the query container matches the given value (which is also computed with respect to the query container), unknown if the property or its value is invalid or unsupported, and false otherwise. The boolean syntax and logic combining style features into a style query is the same as for CSS feature queries. (See @supports. [CSS-CONDITIONAL-3])",
+      "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 the same as for a declaration [CSS-SYNTAX-3], and its query is true if the computed value of the given property on the query container matches the given value (which is also computed with respect to the query container), unknown if the property or its value is invalid or unsupported, and false otherwise.",
       "type": "type"
     }
   ]

package/css-position-4.json

@@ -37,7 +37,7 @@
   "selectors": [
     {
       "name": "::backdrop",
-      "prose": "Each element in the top layer has a ::backdrop pseudo-element, for which it is the originating element."
+      "prose": "Each element rendered in the top layer has a ::backdrop pseudo-element, for which it is the originating element."
     }
   ],
   "values": []

package/css-values-5.json

@@ -7,6 +7,104 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<request-url-modifier>",
+      "prose": "<request-url-modifier>s are <url-modifier>s that affect the <url>’s resource request by applying associated URL request modifier steps. See CSS Values 4 § 4.5.4 URL Processing Model.",
+      "type": "type",
+      "value": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+      "values": [
+        {
+          "name": "<crossorigin-modifier>",
+          "value": "crossorigin(anonymous | use-credentials)",
+          "type": "type"
+        },
+        {
+          "name": "crossorigin()",
+          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
+          "type": "function"
+        },
+        {
+          "name": "anonymous",
+          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
+          "type": "value",
+          "value": "anonymous"
+        },
+        {
+          "name": "use-credentials",
+          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
+          "type": "value",
+          "value": "use-credentials"
+        },
+        {
+          "name": "<integrity-modifier>",
+          "value": "integrity(<string>)",
+          "type": "type"
+        },
+        {
+          "name": "integrity()",
+          "prose": "<integrity-modifier> = integrity(<string>)",
+          "type": "function"
+        },
+        {
+          "name": "<referrerpolicy-modifier>",
+          "value": "referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "type"
+        },
+        {
+          "name": "referrerpolicy()",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "function"
+        },
+        {
+          "name": "no-referrer",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "no-referrer"
+        },
+        {
+          "name": "no-referrer-when-downgrade",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "no-referrer-when-downgrade"
+        },
+        {
+          "name": "same-origin",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "same-origin"
+        },
+        {
+          "name": "origin",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "origin"
+        },
+        {
+          "name": "strict-origin",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "strict-origin"
+        },
+        {
+          "name": "origin-when-cross-origin",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "origin-when-cross-origin"
+        },
+        {
+          "name": "strict-origin-when-cross-origin",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "strict-origin-when-cross-origin"
+        },
+        {
+          "name": "unsafe-url",
+          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "type": "value",
+          "value": "unsafe-url"
+        }
+      ]
+    },
     {
       "name": "toggle()",
       "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",

package/css-values.json

@@ -11,7 +11,7 @@
       "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> )",
+      "value": "mix( <percentage> ';' <declaration-value>? ';' <declaration-value>? )",
       "values": [
         {
           "name": "<percentage>",
@@ -21,7 +21,7 @@
         },
         {
           "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.",
+          "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>"
         }
@@ -69,104 +69,6 @@
       "prose": "<url>s support specifying additional <url-modifier>s, which change the meaning or the interpretation of the URL somehow. A <url-modifier> is either an <ident> or a functional notation.",
       "type": "type"
     },
-    {
-      "name": "<request-url-modifier>",
-      "prose": "The <request-url-modifier>s represent <url-modifier>s that affect the resource’s request. Each <request-url-modifier> has a request modifier steps which accepts a request.",
-      "type": "type",
-      "value": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
-      "values": [
-        {
-          "name": "<crossorigin-modifier>",
-          "value": "crossorigin(anonymous | use-credentials)",
-          "type": "type"
-        },
-        {
-          "name": "crossorigin()",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
-          "type": "function"
-        },
-        {
-          "name": "anonymous",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
-          "type": "value",
-          "value": "anonymous"
-        },
-        {
-          "name": "use-credentials",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
-          "type": "value",
-          "value": "use-credentials"
-        },
-        {
-          "name": "<integrity-modifier>",
-          "value": "integrity(<string>)",
-          "type": "type"
-        },
-        {
-          "name": "integrity()",
-          "prose": "<integrity-modifier> = integrity(<string>)",
-          "type": "function"
-        },
-        {
-          "name": "<referrerpolicy-modifier>",
-          "value": "referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "type"
-        },
-        {
-          "name": "referrerpolicy()",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "function"
-        },
-        {
-          "name": "no-referrer",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "no-referrer"
-        },
-        {
-          "name": "no-referrer-when-downgrade",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "no-referrer-when-downgrade"
-        },
-        {
-          "name": "same-origin",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "same-origin"
-        },
-        {
-          "name": "origin",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "origin"
-        },
-        {
-          "name": "strict-origin",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "strict-origin"
-        },
-        {
-          "name": "origin-when-cross-origin",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "origin-when-cross-origin"
-        },
-        {
-          "name": "strict-origin-when-cross-origin",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "strict-origin-when-cross-origin"
-        },
-        {
-          "name": "unsafe-url",
-          "prose": "<referrerpolicy-modifier> = referrerpolicy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
-          "type": "value",
-          "value": "unsafe-url"
-        }
-      ]
-    },
     {
       "name": "<integer>",
       "prose": "Integer values are denoted by <integer>.",

package/package.json

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