@webref/css 6.5.4 → 6.5.6

package/css-contain-3.json

@@ -6,7 +6,7 @@
   "properties": [
     {
       "name": "contain",
-      "newValues": "layout || style || paint || [ size | inline-size ]",
+      "value": "none | strict | content | [ [size | inline-size] || layout || style || paint ]",
       "values": [
         {
           "name": "inline-size",
@@ -26,7 +26,7 @@
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "the keyword normal or one or more of size, inline-size",
+      "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "not animatable",
       "values": [
@@ -204,22 +204,14 @@
       "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.",
+      "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 either the same as for a valid declaration [CSS-SYNTAX-3], a supported CSS property, or a <custom-property-name>.",
       "type": "type"
     }
   ]

package/css-fonts-5.json

@@ -23,7 +23,7 @@
         },
         {
           "name": "ex-height | cap-height | ch-width | ic-width | ic-height",
-          "prose": "Specifies the font metric to normalize, defaulting to ex-height: If the required font metric cannot be derived from a font, then that font’s size is not adjusted. [Issue #6384]",
+          "prose": "Specifies the font metric to normalize, defaulting to ex-height: w3c/csswg-drafts/6384[css-fonts-5] font-size-adjust with missing metrics",
           "type": "value",
           "value": "ex-height | cap-height | ch-width | ic-width | ic-height"
         },
@@ -65,7 +65,7 @@
         },
         {
           "name": "from-font",
-          "prose": "Computes to the <number> corresponding to the specified metric of the first available font. Shouldn’t this be the first available font that can provide the required metric? [Issue #6384]",
+          "prose": "Computes to the <number> corresponding to the specified metric of the first available font. w3c/csswg-drafts/6384[css-fonts-5] font-size-adjust with missing metrics",
           "type": "value",
           "value": "from-font"
         }

package/css-images-4.json

@@ -149,9 +149,9 @@
       "value": "[ <linear-gradient()> | <repeating-linear-gradient()> | <radial-gradient()> | <repeating-radial-gradient()> | <conic-gradient()> | <repeating-conic-gradient()> ]"
     },
     {
-      "name": "linear-gradient()",
-      "type": "function",
-      "value": "linear-gradient( [ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list> )"
+      "name": "<linear-gradient-syntax>",
+      "type": "type",
+      "value": "[ [ <angle> | to <side-or-corner> ] || <color-interpolation-method> ]? , <color-stop-list>"
     },
     {
       "name": "<side-or-corner>",
@@ -159,14 +159,14 @@
       "value": "[left | right] || [top | bottom]"
     },
     {
-      "name": "radial-gradient()",
-      "type": "function",
-      "value": "radial-gradient( [ [ [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list> )"
+      "name": "<radial-gradient-syntax>",
+      "type": "type",
+      "value": "[ [ [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? ] || <color-interpolation-method>]? , <color-stop-list>"
     },
     {
       "name": "conic-gradient()",
       "type": "function",
-      "value": "conic-gradient( [ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list> )",
+      "value": "conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
           "name": "<angle>",
@@ -182,20 +182,28 @@
         }
       ]
     },
+    {
+      "name": "<conic-gradient-syntax>",
+      "type": "type",
+      "value": "[ [ [ from <angle> ]? [ at <position> ]? ] || <color-interpolation-method> ]? , <angular-color-stop-list>"
+    },
     {
       "name": "repeating-linear-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
     },
     {
       "name": "repeating-radial-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )"
     },
     {
       "name": "repeating-conic-gradient()",
       "prose": "In addition to linear-gradient(), radial-gradient(), and conic-gradient(), this specification defines repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
       "type": "function",
+      "value": "repeating-conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
           "name": "<angle>",

package/css-images.json

@@ -166,7 +166,12 @@
       "name": "linear-gradient()",
       "prose": "The linear-gradient() notation specifies a linear gradient in CSS. Its syntax is as follows:",
       "type": "function",
-      "value": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )"
+      "value": "linear-gradient( [ <linear-gradient-syntax> ] )"
+    },
+    {
+      "name": "<linear-gradient-syntax>",
+      "type": "type",
+      "value": "[ <angle> | to <side-or-corner> ]? , <color-stop-list>"
     },
     {
       "name": "<side-or-corner>",
@@ -177,7 +182,7 @@
       "name": "radial-gradient()",
       "prose": "The radial-gradient() notation specifies a radial gradient by indicating the center of the gradient (where the 0% ellipse will be) and the size and shape of the ending shape (the 100% ellipse). Color stops are given as a list, just as for linear-gradient(). Starting from the gradient center and progressing towards (and potentially beyond) the ending shape, uniformly-scaled concentric ellipses are drawn and colored according to the specified color stops.",
       "type": "function",
-      "value": "radial-gradient( [ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? , <color-stop-list> )",
+      "value": "radial-gradient( [ <radial-gradient-syntax> ] )",
       "values": [
         {
           "name": "<position>",
@@ -199,6 +204,11 @@
         }
       ]
     },
+    {
+      "name": "<radial-gradient-syntax>",
+      "type": "type",
+      "value": "[ <rg-ending-shape> || <rg-size> ]? [ at <position> ]? , <color-stop-list>"
+    },
     {
       "name": "<rg-size>",
       "type": "type",
@@ -269,12 +279,14 @@
     {
       "name": "repeating-linear-gradient()",
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
-      "type": "function"
+      "type": "function",
+      "value": "repeating-linear-gradient( [ <linear-gradient-syntax> ] )"
     },
     {
       "name": "repeating-radial-gradient()",
       "prose": "In addition to linear-gradient() and radial-gradient(), this specification defines repeating-linear-gradient() and repeating-radial-gradient() values. These notations take the same values and are interpreted the same as their respective non-repeating siblings defined previously.",
       "type": "function",
+      "value": "repeating-radial-gradient( [ <radial-gradient-syntax> ] )",
       "values": [
         {
           "name": "<position>",

package/css-position-4.json

@@ -17,13 +17,13 @@
       "values": [
         {
           "name": "none",
-          "prose": "The element is not in the top layer.",
+          "prose": "The element shouldn’t be in the top layer.",
           "type": "value",
           "value": "none"
         },
         {
           "name": "auto",
-          "prose": "The element is rendered as part of the top layer. Rather than generating boxes as part of its normal position in the document, it generates boxes as a sibling of the root element.",
+          "prose": "The element should be in the top layer. Rather than generating boxes as part of its normal position in the document, it generates boxes as a sibling of the root element.",
           "type": "value",
           "value": "auto"
         }

package/css-syntax.json

@@ -134,8 +134,8 @@
       "type": "type"
     },
     {
-      "name": "<EOF-token>",
-      "prose": "A conceptual token representing the end of the list of tokens. Whenever the list of tokens is empty, the next input token is always an <EOF-token>.",
+      "name": "<eof-token>",
+      "prose": "An <eof-token> is a conceptual token, not actually produced by the tokenizer, used to indicate that the token stream has been exhausted.",
       "type": "type"
     },
     {
@@ -177,14 +177,9 @@
       "type": "type",
       "value": "u '+' <ident-token> '?'* | u <dimension-token> '?'* | u <number-token> '?'* | u <number-token> <dimension-token> | u <number-token> <number-token> | u '+' '?'+"
     },
-    {
-      "name": "<style-block>",
-      "prose": "The <style-block> production represents the contents of a style rule’s block. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a style block’s contents algorithm.",
-      "type": "type"
-    },
     {
       "name": "<declaration-list>",
-      "prose": "The <declaration-list> production represents a list of declarations. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a list of declarations algorithm.",
+      "prose": "The <declaration-list> production represents a list of declarations and/or rules. It may only be used in grammars as the sole value in a block, and represents that the contents of the block must be parsed using the consume a list of declarations algorithm.",
       "type": "type"
     },
     {

package/package.json

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

package/css-scroll-snap-2.json

@@ -1,362 +0,0 @@
-{
-  "spec": {
-    "title": "CSS Scroll Snap Module Level 2",
-    "url": "https://drafts.csswg.org/css-scroll-snap-2/"
-  },
-  "properties": [
-    {
-      "name": "scroll-start",
-      "value": "[ auto | start | end | center | left | right | top | bottom | <length-percentage [0,∞]> ]{1,2}",
-      "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",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start",
-        "scrollStart"
-      ]
-    },
-    {
-      "name": "scroll-start-target",
-      "value": "[ none | auto ]",
-      "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",
-      "values": [
-        {
-          "name": "none",
-          "prose": "Element is not a scroll-start-target.",
-          "type": "value",
-          "value": "none"
-        },
-        {
-          "name": "auto",
-          "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-          "type": "value",
-          "value": "auto"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-target",
-        "scrollStartTarget"
-      ]
-    },
-    {
-      "name": "scroll-start-x",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-x",
-        "scrollStartX"
-      ]
-    },
-    {
-      "name": "scroll-start-y",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-y",
-        "scrollStartY"
-      ]
-    },
-    {
-      "name": "scroll-start-inline",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-inline",
-        "scrollStartInline"
-      ]
-    },
-    {
-      "name": "scroll-start-block",
-      "value": "auto | start | end | center | <length-percentage [0,∞]>",
-      "initial": "auto",
-      "appliesTo": "scroll containers",
-      "inherited": "no",
-      "percentages": "relative to the corresponding axis of the scroll container’s scrollport",
-      "computedValue": "the keyword auto or a computed <length-percentage> value",
-      "canonicalOrder": "per grammar",
-      "animationType": "by computed value type",
-      "values": [
-        {
-          "name": "auto",
-          "prose": "...",
-          "type": "value",
-          "value": "auto"
-        },
-        {
-          "name": "<length-percentage [0,∞]>",
-          "prose": "... Negative values are invalid. Values corresponding to a length greater than the width/height of the scrollport are valid, but clamped to the width/height of the scrollport.",
-          "type": "value",
-          "value": "<length-percentage [0,∞]>"
-        },
-        {
-          "name": "start",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "start"
-        },
-        {
-          "name": "center",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "center"
-        },
-        {
-          "name": "end",
-          "prose": "Equivalent to 0%, 50%, and 100%, respectively.",
-          "type": "value",
-          "value": "end"
-        }
-      ],
-      "styleDeclaration": [
-        "scroll-start-block",
-        "scrollStartBlock"
-      ]
-    }
-  ],
-  "atrules": [],
-  "selectors": [
-    {
-      "name": ":snapped",
-      "prose": "The :snapped pseudo-class matches any scroll snap targets, regardless of axis. The longform physical and logical pseudo-class selectors allow for more finite snapped children styling as they can target an individual axis."
-    },
-    {
-      "name": ":snapped-x",
-      "prose": "Matches the child snapped on the horizontal axis."
-    },
-    {
-      "name": ":snapped-y",
-      "prose": "Matches the child snapped on the vertical axis."
-    },
-    {
-      "name": ":snapped-inline",
-      "prose": "Matches the child snapped on the inline axis."
-    },
-    {
-      "name": ":snapped-block",
-      "prose": "Matches the child snapped on the block axis."
-    }
-  ],
-  "values": [],
-  "warnings": [
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-y"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "none",
-      "prose": "Element is not a scroll-start-target.",
-      "type": "value",
-      "value": "none",
-      "for": "scroll-start-target-inline"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-x"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-y"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-block"
-    },
-    {
-      "msg": "Dangling value",
-      "name": "auto",
-      "prose": "Element is used to calculate the scroll-start position, taking into account scroll-padding or scroll-margin , same as a scroll-snap target.",
-      "type": "value",
-      "value": "auto",
-      "for": "scroll-start-target-inline"
-    }
-  ]
-}