@webref/css 6.17.0 → 6.17.2

package/css-cascade-6.json

@@ -10,7 +10,7 @@
       "prose": "Scoped styles are described in CSS using the @scope block at-rule, which declares a scoping root and optional scoping limits associated with a set of style rules.",
       "href": "https://drafts.csswg.org/css-cascade-6/#at-ruledef-scope",
       "descriptors": [],
-      "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <rule-list> }"
+      "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <block-contents> }"
     }
   ],
   "selectors": [],

package/css-color-hdr.json

@@ -1,39 +1,39 @@
 {
   "spec": {
     "title": "CSS Color HDR Module Level 1",
-    "url": "https://drafts.csswg.org/css-color-hdr/"
+    "url": "https://drafts.csswg.org/css-color-hdr-1/"
   },
   "properties": [
     {
       "name": "dynamic-range-limit",
-      "href": "https://drafts.csswg.org/css-color-hdr/#propdef-dynamic-range-limit",
-      "value": "standard | high | constrained-high",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#propdef-dynamic-range-limit",
+      "value": "standard | high | constrained-high | <dynamic-range-limit-mix()>",
       "initial": "high",
       "appliesTo": "all elements",
       "inherited": "no",
       "percentages": "n/a",
-      "computedValue": "specified value",
+      "computedValue": "see Computed Value for dynamic-range-limit",
       "canonicalOrder": "per grammar",
       "animationType": "by dynamic-range-limit-mix()",
       "values": [
         {
           "name": "standard",
-          "prose": "The highest luminance color that is displayed is the same as ' media white, i.e. the CSS color white.",
-          "href": "https://drafts.csswg.org/css-color-hdr/#valdef-dynamic-range-limit-standard",
+          "prose": "The highest luminance color that is displayed is the same as media white, i.e. the CSS color white.",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-standard",
           "type": "value",
           "value": "standard"
         },
         {
           "name": "high",
           "prose": "The highest peak luminance that is displayed is much greater than media white, i.e. the CSS color white; the precise level is not specified.",
-          "href": "https://drafts.csswg.org/css-color-hdr/#valdef-dynamic-range-limit-high",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-high",
           "type": "value",
           "value": "high"
         },
         {
           "name": "constrained-high",
           "prose": "The highest peak luminance that is displayed is somewhat greater than media white, i.e. the CSS color white, such that a mix of SDR and HDR content can be comfortably viewed together.",
-          "href": "https://drafts.csswg.org/css-color-hdr/#valdef-dynamic-range-limit-constrained-high",
+          "href": "https://drafts.csswg.org/css-color-hdr-1/#valdef-dynamic-range-limit-constrained-high",
           "type": "value",
           "value": "constrained-high"
         }
@@ -49,67 +49,67 @@
   "values": [
     {
       "name": "dynamic-range-limit-mix()",
-      "href": "https://drafts.csswg.org/css-color-hdr/#funcdef-dynamic-range-limit-mix",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-dynamic-range-limit-mix",
       "type": "function",
-      "value": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]>? ]#{2})"
+      "value": "dynamic-range-limit-mix( [ <ident> && <percentage [0,100]> ]+)"
     },
     {
       "name": "color()",
-      "href": "https://drafts.csswg.org/css-color-hdr/#funcdef-color",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-color",
       "type": "function",
       "value": "color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )"
     },
     {
       "name": "<colorspace-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-colorspace-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-colorspace-params",
       "type": "type",
       "value": "[<custom-params> | <predefined-rgb-params> | <predefined-polar-params> | <predefined-rectangular-params> | <xyz-params>]"
     },
     {
       "name": "<custom-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-custom-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-custom-params",
       "type": "type",
       "value": "<dashed-ident> [ <number> | <percentage> | none ]+"
     },
     {
       "name": "<predefined-rgb-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-predefined-rgb-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rgb-params",
       "type": "type",
       "value": "<predefined-rgb> [ <number> | <percentage> | none ]{3}"
     },
     {
       "name": "<predefined-polar-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-predefined-polar-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-polar-params",
       "type": "type",
       "value": "jzczhz [ <number> | <percentage> | none ]{2} [ <hue> | none]"
     },
     {
       "name": "<predefined-rectangular-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-predefined-rectangular-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rectangular-params",
       "type": "type",
       "value": "<predefined-rectangular> [ <number> | <percentage> | none ]{3}"
     },
     {
       "name": "<predefined-rgb>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-predefined-rgb",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rgb",
       "type": "type",
       "value": "srgb | srgb-linear | display-p3 | a98-rgb | prophoto-rgb | rec2020 | rec2100-pq | rec2100-hlg | rec2100-linear"
     },
     {
       "name": "<predefined-rectangular>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-predefined-rectangular",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-predefined-rectangular",
       "type": "type",
       "value": "jzazbz | ictcp"
     },
     {
       "name": "<xyz-params>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-xyz-params",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-xyz-params",
       "type": "type",
       "value": "<xyz> [ <number> | <percentage> | none ]{3}"
     },
     {
       "name": "<xyz>",
-      "href": "https://drafts.csswg.org/css-color-hdr/#typedef-xyz",
+      "href": "https://drafts.csswg.org/css-color-hdr-1/#typedef-xyz",
       "type": "type",
       "value": "xyz | xyz-d50 | xyz-d65"
     }

package/css-conditional-5.json

@@ -404,7 +404,7 @@
       "name": "<container-condition>",
       "href": "https://drafts.csswg.org/css-conditional-5/#typedef-container-condition",
       "type": "type",
-      "value": "[ <container-name> ]? <container-query>"
+      "value": "[ <container-name>? <container-query>? ]!"
     },
     {
       "name": "<container-name>",

package/css-display.json

@@ -101,7 +101,7 @@
         },
         {
           "name": "grid-order",
-          "prose": "Follows the order-modified document order. Therefore, as normal unless the order property has been used to change the order of items.",
+          "prose": "Only takes effect on grid containers. Follows the order-modified document order. Therefore, as normal unless the order property has been used to change the order of items.",
           "href": "https://drafts.csswg.org/css-display-4/#valdef-reading-flow-grid-order",
           "type": "value",
           "value": "grid-order"

package/css-fonts.json

@@ -1072,7 +1072,7 @@
       "percentages": "n/a",
       "computedValue": "the keyword normal or a list, each item a string paired with a number",
       "canonicalOrder": "per grammar",
-      "animationType": "(see prose)",
+      "animationType": "see prose",
       "styleDeclaration": [
         "font-variation-settings",
         "fontVariationSettings"

package/css-overflow-4.json

@@ -232,7 +232,7 @@
         },
         {
           "name": "fade()",
-          "value": "fade( [ <length> | <percentage> ] )",
+          "value": "fade( [ <length-percentage> ] )",
           "href": "https://drafts.csswg.org/css-overflow-4/#funcdef-text-overflow-fade",
           "type": "function"
         },
@@ -316,6 +316,7 @@
         },
         {
           "name": "<block-ellipsis>",
+          "prose": "Sets continue to discard if either or both values ares specified. Sets max-lines to the specified <integer> or to none if omitted, and block-ellipsis to other component of the value if specified or to auto if omitted.",
           "href": "https://drafts.csswg.org/css-overflow-4/#valdef-line-clamp-block-ellipsis",
           "type": "value",
           "value": "<block-ellipsis>"

package/css-overflow-5.json

@@ -84,7 +84,7 @@
   "selectors": [
     {
       "name": "::scroll-marker-group",
-      "prose": "The ::scroll-marker-group pseudo-element box is generated by a scroll container element having a computed scroll-marker-group property that is not none, representing a stylable sibling pseudo-element immediately adjacent to the scroll container.",
+      "prose": "The ::scroll-marker-group fully stylable pseudo-element is generated by a scroll container element having a computed scroll-marker-group property that is not none, adjacent to the scroll container.",
       "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-scroll-marker-group"
     },
     {
@@ -92,11 +92,95 @@
       "prose": "When the computed content value of a ::scroll-marker pseudo-element is not none and its nearest ancestor scroll container scroll container has a computed scroll-marker-group property that is not none, the pseudo-element generates a box attached as a child of the ::scroll-marker-group pseudo-element’s generated box on its nearest ancestor scroll container. These boxes are added in the tree order of their originating element.",
       "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-scroll-marker"
     },
+    {
+      "name": "::scroll-button()",
+      "value": "::scroll-button( <scroll-button-direction> )",
+      "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-scroll-button-scroll-button-direction"
+    },
     {
       "name": "::nth-fragment()",
       "prose": "The ::nth-fragment() pseudo-element is a pseudo-element that describes some of the fragment boxes generated by an element. The argument to the pseudo-element takes the same syntax as the argument to the :nth-child() pseudo-class defined in [SELECT], and has the same meaning except that the number is relative to fragment boxes generated by the element instead of siblings of the element.",
       "href": "https://drafts.csswg.org/css-overflow-5/#selectordef-nth-fragment"
     }
   ],
-  "values": []
+  "values": [
+    {
+      "name": "<scroll-button-direction>",
+      "prose": "The four ::scroll-button() pseudo-elements are individually selected by the selector’s argument. The possible <scroll-button-direction> values are:",
+      "href": "https://drafts.csswg.org/css-overflow-5/#typedef-scroll-button-direction",
+      "type": "type",
+      "values": [
+        {
+          "name": "up",
+          "prose": "Selects the ''::scroll-button()' corresponding to the given physical direction.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-up",
+          "type": "value",
+          "value": "up"
+        },
+        {
+          "name": "down",
+          "prose": "Selects the ''::scroll-button()' corresponding to the given physical direction.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-down",
+          "type": "value",
+          "value": "down"
+        },
+        {
+          "name": "left",
+          "prose": "Selects the ''::scroll-button()' corresponding to the given physical direction.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-left",
+          "type": "value",
+          "value": "left"
+        },
+        {
+          "name": "right",
+          "prose": "Selects the ''::scroll-button()' corresponding to the given physical direction.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-right",
+          "type": "value",
+          "value": "right"
+        },
+        {
+          "name": "block-start",
+          "prose": "Selects the indicated ::scroll-button() pseudo-element.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-block-start",
+          "type": "value",
+          "value": "block-start"
+        },
+        {
+          "name": "block-end",
+          "prose": "Selects the indicated ::scroll-button() pseudo-element.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-block-end",
+          "type": "value",
+          "value": "block-end"
+        },
+        {
+          "name": "inline-start",
+          "prose": "Selects the indicated ::scroll-button() pseudo-element.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-inline-start",
+          "type": "value",
+          "value": "inline-start"
+        },
+        {
+          "name": "inline-end",
+          "prose": "Selects the indicated ::scroll-button() pseudo-element.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-inline-end",
+          "type": "value",
+          "value": "inline-end"
+        },
+        {
+          "name": "prev",
+          "prose": "Selects either the block-start or inline-start ::scroll-button(), whichever’s axis has more \"scrollable pages\" in the originating element: the originating element’s scrollable overflow height divided by its scrollport height, or the same but for widths. If both dimensions are equally sized, selects the block-start ::scroll-button(). For example, say the originating element was 800px wide and 500px tall, while its scrollable overflow area was 1200px wide and 1000px tall. The horizontal scrolling thus represents 1.5 \"pages\" (1200/800), while the vertical scrolling represents 2 \"pages\" (1000/500), so (assuming the element is in English) the ::scroll-button(prev) selector would select the block-start button.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-prev",
+          "type": "value",
+          "value": "prev"
+        },
+        {
+          "name": "next",
+          "prose": "Identical to prev, except it selects the block-end or inline-end ::scroll-button() instead.",
+          "href": "https://drafts.csswg.org/css-overflow-5/#valdef-scroll-button-direction-next",
+          "type": "value",
+          "value": "next"
+        }
+      ]
+    }
+  ]
 }

package/css-page-floats.json

@@ -276,7 +276,7 @@
     {
       "name": "float-offset",
       "href": "https://drafts.csswg.org/css-page-floats-3/#propdef-float-offset",
-      "value": "<length> | <percentage>",
+      "value": "<length-percentage>",
       "initial": "0",
       "appliesTo": "floats",
       "inherited": "no",

package/css-position-4.json

@@ -14,7 +14,7 @@
       "percentages": "n/a",
       "computedValue": "as specified",
       "canonicalOrder": "per grammar",
-      "animationType": "(see prose)",
+      "animationType": "see prose",
       "values": [
         {
           "name": "none",

package/css-rhythm.json

@@ -23,8 +23,8 @@
     {
       "name": "block-step-insert",
       "href": "https://drafts.csswg.org/css-rhythm-1/#propdef-block-step-insert",
-      "value": "margin | padding",
-      "initial": "margin",
+      "value": "margin-box | padding-box | content-box",
+      "initial": "margin-box",
       "appliesTo": "block-level boxes",
       "inherited": "no",
       "percentages": "N/A",
@@ -33,18 +33,25 @@
       "animationType": "discrete",
       "values": [
         {
-          "name": "margin",
+          "name": "margin-box",
           "prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted outside the box’s border, as extra margin.",
-          "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-margin",
+          "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-margin-box",
           "type": "value",
-          "value": "margin"
+          "value": "margin-box"
         },
         {
-          "name": "padding",
+          "name": "padding-box",
           "prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted inside the box’s border, as extra padding.",
-          "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-padding",
+          "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-padding-box",
           "type": "value",
-          "value": "padding"
+          "value": "padding-box"
+        },
+        {
+          "name": "content-box",
+          "prose": "Any extra space resulting from a block-step-size-induced adjustment is inserted inside the box’s border by increasing the height of the content area.",
+          "href": "https://drafts.csswg.org/css-rhythm-1/#valdef-block-step-insert-content-box",
+          "type": "value",
+          "value": "content-box"
         }
       ],
       "styleDeclaration": [
@@ -155,7 +162,7 @@
       "name": "line-height-step",
       "href": "https://drafts.csswg.org/css-rhythm-1/#propdef-line-height-step",
       "value": "<length [0,∞]>",
-      "initial": "0px",
+      "initial": "0",
       "appliesTo": "block containers",
       "inherited": "yes",
       "percentages": "N/A",

package/css-scroll-snap-2.json

@@ -7,7 +7,7 @@
     {
       "name": "scroll-start-target",
       "href": "https://drafts.csswg.org/css-scroll-snap-2/#propdef-scroll-start-target",
-      "value": "[ none | auto ]",
+      "value": "none | auto",
       "initial": "none",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-text-4.json

@@ -123,7 +123,7 @@
       "value": "normal | pre | pre-wrap | pre-line | <'white-space-collapse'> || <'text-wrap-mode'> || <'white-space-trim'>",
       "initial": "normal",
       "appliesTo": "text",
-      "inherited": "individual properties",
+      "inherited": "see individual properties",
       "percentages": "n/a",
       "computedValue": "specified keyword",
       "canonicalOrder": "n/a",

package/css-ui.json

@@ -7,7 +7,7 @@
     {
       "name": "outline",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-outline",
-      "value": "[ <'outline-width'> || <'outline-style'> || <'outline-color'> ]",
+      "value": "<'outline-width'> || <'outline-style'> || <'outline-color'>",
       "initial": "see individual properties",
       "appliesTo": "all elements",
       "inherited": "no",
@@ -54,7 +54,7 @@
     {
       "name": "outline-color",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-outline-color",
-      "value": "auto | [ <color> | <image-1D> ]",
+      "value": "auto | <color> | <image-1D>",
       "initial": "auto",
       "appliesTo": "all elements",
       "inherited": "no",

package/css-values-5.json

@@ -25,7 +25,7 @@
         },
         {
           "name": "allow-keywords",
-          "prose": "Two values can be interpolated if one of them is an <intrinsic-size-keyword> and the other is a <length-percentage>. This is done by treating the <intrinsic-size-keyword> keyword as though it is calc-size(keyword, size) and applying the rules in § 10.3 Interpolating calc-size(). In other cases, an <intrinsic-size-keyword> still cannot be interpolated.",
+          "prose": "Two values can also be interpolated if one of them is an <intrinsic-size-keyword> and the other is a <length-percentage>. This is done by treating the <intrinsic-size-keyword> keyword as though it is calc-size(keyword, size) and applying the rules in § 10.3 Interpolating calc-size(). In other cases, an <intrinsic-size-keyword> still cannot be interpolated.",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-interpolate-size-allow-keywords",
           "type": "value",
           "value": "allow-keywords"
@@ -40,11 +40,17 @@
   "atrules": [],
   "selectors": [],
   "values": [
+    {
+      "name": "<boolean-expr[]>",
+      "prose": "Several contexts (such as @media, @supports, if(), ...) specify conditions, and allow combining those conditions with boolean logic (and/or/not/grouping). Because they use the same non-trivial recursive syntax structure, the special <boolean-expr[]> production represents this pattern generically.",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-boolean-expr",
+      "type": "type"
+    },
     {
       "name": "<syntax>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax",
       "type": "type",
-      "value": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]+"
+      "value": "'*' | <syntax-component> [ <syntax-combinator> <syntax-component> ]* | <syntax-string>"
     },
     {
       "name": "<syntax-component>",
@@ -76,6 +82,12 @@
       "type": "type",
       "value": "[ '#' | '+' ]"
     },
+    {
+      "name": "<syntax-string>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-syntax-string",
+      "type": "type",
+      "value": "<string>"
+    },
     {
       "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.",
@@ -326,7 +338,7 @@
       "name": "<progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-progress-fn",
       "type": "type",
-      "value": "progress(<calc-sum> from <calc-sum> to <calc-sum>)"
+      "value": "progress(<calc-sum>, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "media-progress()",
@@ -338,7 +350,7 @@
       "name": "<media-progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-media-progress",
       "type": "type",
-      "value": "media-progress(<media-feature> from <calc-sum> to <calc-sum>)"
+      "value": "media-progress(<mf-name>, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "container-progress()",
@@ -350,7 +362,7 @@
       "name": "<container-progress()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-container-progress",
       "type": "type",
-      "value": "container-progress(<size-feature> [ of <container-name> ]? from <calc-sum> to <calc-sum>)"
+      "value": "container-progress(<mf-name> [ of <container-name> ]?, <calc-sum>, <calc-sum>)"
     },
     {
       "name": "<progress>",
@@ -423,7 +435,7 @@
       "name": "<mix()>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-mix",
       "type": "type",
-      "value": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <'animation-name'> )"
+      "value": "mix( <progress> , <whole-value> , <whole-value> ) | mix( <progress> && of <keyframes-name> )"
     },
     {
       "name": "first-valid()",
@@ -437,6 +449,38 @@
       "type": "type",
       "value": "first-valid( <declaration-value># )"
     },
+    {
+      "name": "if()",
+      "prose": "The if() notation is an arbitrary substitution function that represents conditional values. Its argument consists of an ordered semi-colon–separated list of statements, each consisting of a condition followed by a colon followed by a value. An if() notation represents the value corresponding to the first condition in its argument list to be true; if no condition matches, then the if() notation represents an empty token stream.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-if",
+      "type": "function",
+      "values": [
+        {
+          "name": "else",
+          "prose": "The else keyword represents a condition that is always true.",
+          "href": "https://drafts.csswg.org/css-values-5/#valdef-if-else",
+          "type": "value",
+          "value": "else"
+        }
+      ]
+    },
+    {
+      "name": "<if()>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if",
+      "type": "type",
+      "value": "if( [ <if-condition> : <declaration-value>? ; ]* <if-condition> : <declaration-value>? ';'? )"
+    },
+    {
+      "name": "<if-condition>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-condition",
+      "type": "type"
+    },
+    {
+      "name": "<if-test>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-if-test",
+      "type": "type",
+      "value": "supports( [ <supports-condition> | <ident> : <declaration-value> ] ) | media( <media-query> ) | style( <style-query> )"
+    },
     {
       "name": "toggle()",
       "prose": "The toggle() expression allows descendant elements to cycle over a list of values instead of inheriting the same value.",
@@ -449,91 +493,24 @@
       "type": "type",
       "value": "toggle( <whole-value># )"
     },
+    {
+      "name": "inherit()",
+      "prose": "Like the inherit keyword, the inherit() functional notation resolves to the computed value of a property on the parent. Rather than resolving to the value of the same property, however, it resolves to the tokenized computed value of the property specified as its first argument. Its second argument, if present, is used as a fallback in case the first argument resolves to the guaranteed-invalid value.",
+      "href": "https://drafts.csswg.org/css-values-5/#funcdef-inherit",
+      "type": "function"
+    },
+    {
+      "name": "<inherit()>",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-inherit",
+      "type": "type",
+      "value": "inherit( <custom-property-name>, <declaration-value>? )"
+    },
     {
       "name": "attr()",
       "prose": "The attr() function substitutes the value of an attribute on an element into a property, similar to how the var() function substitutes a custom property value into a function.",
       "href": "https://drafts.csswg.org/css-values-5/#funcdef-attr",
       "type": "function",
-      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)",
-      "values": [
-        {
-          "name": "string",
-          "prose": "The substitution value is a CSS string, whose value is the literal value of the attribute. (No CSS parsing or \"cleanup\" of the value is performed.) No value triggers fallback.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-string",
-          "type": "value",
-          "value": "string"
-        },
-        {
-          "name": "ident",
-          "prose": "The substitution value is a CSS <custom-ident>, whose value is the literal value of the attribute, with leading and trailing ASCII whitespace stripped. (No CSS parsing of the value is performed.) If the attribute value, after trimming, is the empty string, there is instead no substitution value. If the <custom-ident>’s value is a CSS-wide keyword or default, there is instead no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-ident",
-          "type": "value",
-          "value": "ident"
-        },
-        {
-          "name": "color",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <hex-color> or a named color ident, the substitution value is that result as a <color>. Otherwise there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-color",
-          "type": "value",
-          "value": "color"
-        },
-        {
-          "name": "number",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <number-token>, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-number",
-          "type": "value",
-          "value": "number"
-        },
-        {
-          "name": "percentage",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <percentage-token>, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-percentage",
-          "type": "value",
-          "value": "percentage"
-        },
-        {
-          "name": "length",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-length",
-          "type": "value",
-          "value": "length"
-        },
-        {
-          "name": "angle",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-angle",
-          "type": "value",
-          "value": "angle"
-        },
-        {
-          "name": "time",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-time",
-          "type": "value",
-          "value": "time"
-        },
-        {
-          "name": "frequency",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-frequency",
-          "type": "value",
-          "value": "frequency"
-        },
-        {
-          "name": "flex",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <dimension-token> whose unit matches the given type, the result is the substitution value. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-flex",
-          "type": "value",
-          "value": "flex"
-        },
-        {
-          "name": "<dimension-unit>",
-          "prose": "Parse a component value from the attribute’s value. If the result is a <number-token>, the substitution value is a dimension with the result’s value, and the given unit. Otherwise, there is no substitution value.",
-          "href": "https://drafts.csswg.org/css-values-5/#valdef-attr-dimension-unit",
-          "type": "value",
-          "value": "<dimension-unit>"
-        }
-      ]
+      "value": "attr( <attr-name> <attr-type>? , <declaration-value>?)"
     },
     {
       "name": "<attr-name>",
@@ -545,12 +522,12 @@
       "name": "<attr-type>",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-type",
       "type": "type",
-      "value": "string | ident | color | number | percentage | length | angle | time | frequency | flex | <dimension-unit>"
+      "value": "type( <syntax> ) | string | <attr-unit>"
     },
     {
-      "name": "<dimension-unit>",
-      "prose": "The <dimension-unit> production matches a literal \"%\" character (that is, a <delim-token> with a value of \"%\") or an ident whose value is any of the CSS units for <length>, <angle>, <time>, <frequency>, or <flex> values (such as px or ms).",
-      "href": "https://drafts.csswg.org/css-values-5/#typedef-dimension-unit",
+      "name": "<attr-unit>",
+      "prose": "The <attr-unit> production matches any identifier that is an ASCII case-insensitive match for the name of a CSS dimension unit, such as px, or the <delim-token> %. It is not expanded literally here, as the set of units expands over time.",
+      "href": "https://drafts.csswg.org/css-values-5/#typedef-attr-unit",
       "type": "type"
     },
     {
@@ -621,6 +598,16 @@
     }
   ],
   "warnings": [
+    {
+      "msg": "Missing definition",
+      "name": "]>",
+      "value": "not <boolean-expr-group> | <boolean-expr-group> [ [ and <boolean-expr-group> ]* | [ or <boolean-expr-group> ]* ]"
+    },
+    {
+      "msg": "Missing definition",
+      "name": "<boolean-expr-group>",
+      "value": "<test> | ( <boolean-expr[ <test> ]> ) | <general-enclosed>"
+    },
     {
       "msg": "Missing definition",
       "name": "progress-function()",

package/css-values.json

@@ -780,54 +780,6 @@
       "type": "type",
       "value": "e | pi | infinity | -infinity | NaN"
     },
-    {
-      "name": "<boolean>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean",
-      "type": "type",
-      "value": "<bool-not> | <bool-in-parens> [ <bool-and>* | <bool-or>* ]"
-    },
-    {
-      "name": "<boolean-without-or>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-boolean-without-or",
-      "type": "type",
-      "value": "<bool-not> | <bool-in-parens> <bool-and>*"
-    },
-    {
-      "name": "<bool-not>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-not",
-      "type": "type",
-      "value": "not <bool-in-parens>"
-    },
-    {
-      "name": "<bool-and>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-and",
-      "type": "type",
-      "value": "and <bool-in-parens>"
-    },
-    {
-      "name": "<bool-or>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-or",
-      "type": "type",
-      "value": "or <bool-in-parens>"
-    },
-    {
-      "name": "<bool-in-parens>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-in-parens",
-      "type": "type",
-      "value": "( <boolean> ) | <bool-test> | <general-enclosed>"
-    },
-    {
-      "name": "<general-enclosed>",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-general-enclosed",
-      "type": "type",
-      "value": "[ <function-token> <any-value>? ) ] | [ ( <any-value>? ) ]"
-    },
-    {
-      "name": "<bool-test>",
-      "prose": "Each specification using <boolean> must define what things are valid as <bool-test> values in that context, and whether it uses 2-value or 3-value logic. As well, <bool-test> values should either be wrapped in parentheses or be functions; if a specification needs to express some conditions in a different way, please contact the CSSWG for review.",
-      "href": "https://drafts.csswg.org/css-values-4/#typedef-bool-test",
-      "type": "type"
-    },
     {
       "name": "<quirky-length>",
       "prose": "When CSS is being parsed in quirks mode, <quirky-length> is a type of <length> that is only valid in certain properties:",

package/motion.json

@@ -26,7 +26,7 @@
         },
         {
           "name": "<offset-path> || <coord-box>",
-          "prose": "The element has an offset transform, defined by some offset path. See § 2.7 Calculating The Offset Transform for details on how to calculate the offset transform. All the usual effects of having a transform apply (such as creating a stacking context, etc.) See CSS Transforms 1 § 2 The Transform Rendering Model for details. If <offset-path> is omitted, it defaults to inset(0 round X), where X is the value of border-radius on the element that establishes the containing block for this element. If <coord-box> is omitted, it defaults to border-box. See the specific values (below) for the interpretation of each component.",
+          "prose": "The element has an offset transform, defined by some offset path. See § 2.7 Calculating The Offset Transform for details on how to calculate the offset transform. All the usual effects of having a transform apply (such as creating a stacking context, etc.) See CSS Transforms 1 § 3 The Transform Rendering Model for details. If <offset-path> is omitted, it defaults to inset(0 round X), where X is the value of border-radius on the element that establishes the containing block for this element. If <coord-box> is omitted, it defaults to border-box. See the specific values (below) for the interpretation of each component.",
           "href": "https://drafts.fxtf.org/motion-1/#valdef-offset-path-offset-path--coord-box",
           "type": "value",
           "value": "<offset-path> || <coord-box>"

package/package.json

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