@webref/css 6.23.4 → 6.23.6

package/CSS.json

@@ -289,11 +289,6 @@
     }
   ],
   "selectors": [
-    {
-      "name": ":lang",
-      "href": "https://drafts.csswg.org/css2/#selectordef-lang",
-      "value": ":lang"
-    },
     {
       "name": ":first-line",
       "href": "https://drafts.csswg.org/css2/#selectordef-first-line",

package/css-align.json

@@ -488,12 +488,26 @@
           "type": "value",
           "value": "first baseline"
         },
+        {
+          "name": "first",
+          "prose": "Specifies participation in first-baseline alignment: aligns the alignment baseline of the box’s first baseline set with the corresponding baseline of its baseline-sharing group. See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for first baseline is safe self-start (for self-alignment) or safe start (for content-distribution).",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-first-baseline",
+          "type": "value",
+          "value": "first"
+        },
         {
           "name": "last baseline",
           "prose": "Specifies participation in last-baseline alignment: aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group.̣ See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for last baseline is safe self-end (for self-alignment) or safe end (for content-distribution).",
           "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline",
           "type": "value",
           "value": "last baseline"
+        },
+        {
+          "name": "last",
+          "prose": "Specifies participation in last-baseline alignment: aligns the alignment baseline of the box’s last baseline set with the corresponding baseline of its baseline-sharing group.̣ See § 9.3 Aligning Boxes by Baseline for more details. The fallback alignment for last baseline is safe self-end (for self-alignment) or safe end (for content-distribution).",
+          "href": "https://drafts.csswg.org/css-align-3/#valdef-justify-self-last-baseline",
+          "type": "value",
+          "value": "last"
         }
       ]
     },

package/css-borders.json

@@ -1628,9 +1628,9 @@
     },
     {
       "name": "superellipse()",
+      "value": "superellipse(<number [-∞,∞]> | infinity | -infinity)",
       "href": "https://drafts.csswg.org/css-borders-4/#funcdef-superellipse",
-      "type": "function",
-      "value": "superellipse(<number [-∞,∞]> | infinity | -infinity)"
+      "type": "function"
     },
     {
       "name": "<spread-shadow>",

package/css-color-5.json

@@ -82,9 +82,9 @@
     },
     {
       "name": "color-mix()",
+      "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#)",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-color-mix",
-      "type": "function",
-      "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#)"
+      "type": "function"
     },
     {
       "name": "<modern-rgb-syntax>",
@@ -112,9 +112,9 @@
     },
     {
       "name": "hwb()",
+      "value": "hwb([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-hwb",
       "type": "function",
-      "value": "hwb([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "h",
@@ -148,9 +148,9 @@
     },
     {
       "name": "lab()",
+      "value": "lab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-lab",
       "type": "function",
-      "value": "lab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "l",
@@ -184,9 +184,9 @@
     },
     {
       "name": "oklab()",
+      "value": "oklab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-oklab",
       "type": "function",
-      "value": "oklab([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "l",
@@ -220,9 +220,9 @@
     },
     {
       "name": "lch()",
+      "value": "lch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-lch",
       "type": "function",
-      "value": "lch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "l",
@@ -256,9 +256,9 @@
     },
     {
       "name": "oklch()",
+      "value": "oklch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-oklch",
       "type": "function",
-      "value": "oklch([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "l",
@@ -292,9 +292,9 @@
     },
     {
       "name": "color()",
+      "value": "color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-color",
       "type": "function",
-      "value": "color( [from <color>]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
       "values": [
         {
           "name": "r",
@@ -373,9 +373,9 @@
     },
     {
       "name": "device-cmyk()",
+      "value": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-device-cmyk",
-      "type": "function",
-      "value": "<legacy-device-cmyk-syntax> | <modern-device-cmyk-syntax>"
+      "type": "function"
     },
     {
       "name": "<legacy-device-cmyk-syntax>",
@@ -397,15 +397,15 @@
     },
     {
       "name": "light-dark()",
+      "value": "light-dark( <color>, <color> )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-light-dark",
-      "type": "function",
-      "value": "light-dark( <color>, <color> )"
+      "type": "function"
     },
     {
       "name": "contrast-color()",
+      "value": "contrast-color( <color> )",
       "href": "https://drafts.csswg.org/css-color-5/#funcdef-contrast-color",
-      "type": "function",
-      "value": "contrast-color( <color> )"
+      "type": "function"
     },
     {
       "name": "<color-space>",

package/css-color-hdr.json

@@ -49,9 +49,9 @@
   "values": [
     {
       "name": "dynamic-range-limit-mix()",
+      "value": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-dynamic-range-limit-mix",
-      "type": "function",
-      "value": "dynamic-range-limit-mix( [ <'dynamic-range-limit'> && <percentage [0,100]> ]#{2,} )"
+      "type": "function"
     },
     {
       "name": "<color-function>",
@@ -61,9 +61,9 @@
     },
     {
       "name": "ictcp()",
+      "value": "ictcp([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-ictcp",
       "type": "function",
-      "value": "ictcp([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "i",
@@ -97,9 +97,9 @@
     },
     {
       "name": "jzazbz()",
+      "value": "jzazbz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-jzazbz",
       "type": "function",
-      "value": "jzazbz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "j",
@@ -133,9 +133,9 @@
     },
     {
       "name": "jzczhz()",
+      "value": "jzczhz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-jzczhz",
       "type": "function",
-      "value": "jzczhz([from <color>]? [<percentage> | <number> | none] [<percentage> | <number> | none] [<hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "j",
@@ -169,9 +169,9 @@
     },
     {
       "name": "hdr-color()",
+      "value": "color-hdr([ <color> && <number [0,∞]>? ]#{2})",
       "href": "https://drafts.csswg.org/css-color-hdr-1/#funcdef-hdr-color",
-      "type": "function",
-      "value": "color-hdr([ <color> && <number [0,∞]>? ]#{2})"
+      "type": "function"
     },
     {
       "name": "<predefined-rgb>",

package/css-color.json

@@ -258,15 +258,15 @@
     },
     {
       "name": "rgb()",
+      "value": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-rgb",
-      "type": "function",
-      "value": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]"
+      "type": "function"
     },
     {
       "name": "rgba()",
+      "value": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-rgba",
-      "type": "function",
-      "value": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
+      "type": "function"
     },
     {
       "name": "<legacy-rgb-syntax>",
@@ -1337,9 +1337,9 @@
     },
     {
       "name": "hsl()",
+      "value": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-hsl",
       "type": "function",
-      "value": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
       "values": [
         {
           "name": "HSL",
@@ -1352,9 +1352,9 @@
     },
     {
       "name": "hsla()",
+      "value": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-hsla",
-      "type": "function",
-      "value": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]"
+      "type": "function"
     },
     {
       "name": "<modern-hsl-syntax>",
@@ -1382,9 +1382,9 @@
     },
     {
       "name": "hwb()",
+      "value": "hwb( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-hwb",
       "type": "function",
-      "value": "hwb( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "HWB",
@@ -1397,9 +1397,9 @@
     },
     {
       "name": "lab()",
+      "value": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-lab",
       "type": "function",
-      "value": "lab( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "Lab",
@@ -1412,9 +1412,9 @@
     },
     {
       "name": "lch()",
+      "value": "lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-lch",
       "type": "function",
-      "value": "lch( [<percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "LCH",
@@ -1427,9 +1427,9 @@
     },
     {
       "name": "oklab()",
+      "value": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-oklab",
       "type": "function",
-      "value": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "Oklab",
@@ -1442,9 +1442,9 @@
     },
     {
       "name": "oklch()",
+      "value": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-oklch",
       "type": "function",
-      "value": "oklch( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <hue> | none] [ / [<alpha-value> | none] ]? )",
       "values": [
         {
           "name": "OkLCh",
@@ -1457,9 +1457,9 @@
     },
     {
       "name": "color()",
+      "value": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
       "href": "https://drafts.csswg.org/css-color-4/#funcdef-color",
       "type": "function",
-      "value": "color( <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
       "values": [
         {
           "name": "srgb",

package/css-conditional-5.json

@@ -425,15 +425,15 @@
     },
     {
       "name": "media()",
+      "value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )",
       "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-media",
-      "type": "function",
-      "value": "media( [ <mf-plain> | <mf-boolean> | <mf-range> ] )"
+      "type": "function"
     },
     {
       "name": "supports()",
+      "value": "supports( <declaration> )",
       "href": "https://drafts.csswg.org/css-conditional-5/#funcdef-supports",
-      "type": "function",
-      "value": "supports( <declaration> )"
+      "type": "function"
     },
     {
       "name": "<container-condition>",

package/css-content.json

@@ -319,9 +319,9 @@
     },
     {
       "name": "leader()",
+      "value": "leader( <leader-type> )",
       "href": "https://drafts.csswg.org/css-content-3/#funcdef-leader",
       "type": "function",
-      "value": "leader( <leader-type> )",
       "values": [
         {
           "name": "dotted",
@@ -367,27 +367,27 @@
     },
     {
       "name": "target-counter()",
+      "value": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
       "href": "https://drafts.csswg.org/css-content-3/#funcdef-target-counter",
-      "type": "function",
-      "value": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )"
+      "type": "function"
     },
     {
       "name": "target-counters()",
+      "value": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )",
       "href": "https://drafts.csswg.org/css-content-3/#funcdef-target-counters",
-      "type": "function",
-      "value": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )"
+      "type": "function"
     },
     {
       "name": "target-text()",
+      "value": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
       "href": "https://drafts.csswg.org/css-content-3/#target-text-function",
-      "type": "function",
-      "value": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )"
+      "type": "function"
     },
     {
       "name": "string()",
+      "value": "string( <custom-ident> , [ first | start | last | first-except ]? )",
       "href": "https://drafts.csswg.org/css-content-3/#funcdef-string",
       "type": "function",
-      "value": "string( <custom-ident> , [ first | start | last | first-except ]? )",
       "values": [
         {
           "name": "first",
@@ -421,9 +421,9 @@
     },
     {
       "name": "content()",
+      "value": "content( [ text | before | after | first-letter | marker ]? )",
       "href": "https://drafts.csswg.org/css-content-3/#funcdef-content",
       "type": "function",
-      "value": "content( [ text | before | after | first-letter | marker ]? )",
       "values": [
         {
           "name": "text",

package/css-counter-styles.json

@@ -556,9 +556,9 @@
     },
     {
       "name": "symbols()",
+      "value": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
       "href": "https://drafts.csswg.org/css-counter-styles-3/#funcdef-symbols",
-      "type": "function",
-      "value": "symbols( <symbols-type>? [ <string> | <image> ]+ )"
+      "type": "function"
     },
     {
       "name": "<symbols-type>",

package/css-easing.json

@@ -21,9 +21,9 @@
     },
     {
       "name": "linear()",
+      "value": "linear( [ <number> && <percentage>{0,2} ]# )",
       "href": "https://drafts.csswg.org/css-easing-2/#funcdef-linear",
-      "type": "function",
-      "value": "linear( [ <number> && <percentage>{0,2} ]# )"
+      "type": "function"
     },
     {
       "name": "<cubic-bezier-easing-function>",
@@ -63,9 +63,9 @@
     },
     {
       "name": "cubic-bezier()",
+      "value": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )",
       "href": "https://drafts.csswg.org/css-easing-2/#funcdef-cubic-bezier",
-      "type": "function",
-      "value": "cubic-bezier( [ <number [0,1]>, <number> ]#{2} )"
+      "type": "function"
     },
     {
       "name": "<step-easing-function>",
@@ -75,9 +75,9 @@
     },
     {
       "name": "steps()",
+      "value": "steps( <integer>, <step-position>?)",
       "href": "https://drafts.csswg.org/css-easing-2/#funcdef-steps",
       "type": "function",
-      "value": "steps( <integer>, <step-position>?)",
       "values": [
         {
           "name": "step-start",

package/css-env.json

@@ -9,9 +9,9 @@
   "values": [
     {
       "name": "env()",
+      "value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )",
       "href": "https://drafts.csswg.org/css-env-1/#funcdef-env",
       "type": "function",
-      "value": "env( <custom-ident> <integer [0,∞]>*, <declaration-value>? )",
       "values": [
         {
           "name": "safe-area-inset-top",

package/css-gcpm.json

@@ -117,8 +117,8 @@
   "selectors": [
     {
       "name": ":nth()",
-      "href": "https://drafts.csswg.org/css-gcpm-3/#selectordef-nth",
-      "value": ":nth( An+B [of <custom-ident>]? )"
+      "value": ":nth( An+B [of <custom-ident>]? )",
+      "href": "https://drafts.csswg.org/css-gcpm-3/#selectordef-nth"
     }
   ],
   "values": [
@@ -130,9 +130,9 @@
     },
     {
       "name": "running()",
+      "value": "running( <custom-ident> )",
       "href": "https://drafts.csswg.org/css-gcpm-3/#funcdef-running",
-      "type": "function",
-      "value": "running( <custom-ident> )"
+      "type": "function"
     }
   ]
 }

package/css-grid.json

@@ -797,6 +797,13 @@
           "href": "https://drafts.csswg.org/css-grid-2/#valdef-flex-fr",
           "type": "value",
           "value": "fr"
+        },
+        {
+          "name": "fr unit",
+          "prose": "A flexible length or <flex> is a dimension with the fr unit, which represents a fraction of the leftover space in the grid container. Tracks sized with fr units are called flexible tracks as they flex in response to leftover space similar to how flex items with a zero base size fill space in a flex container.",
+          "href": "https://drafts.csswg.org/css-grid-2/#valdef-flex-fr",
+          "type": "value",
+          "value": "fr unit"
         }
       ]
     }

package/css-images-4.json

@@ -129,9 +129,9 @@
     },
     {
       "name": "image()",
+      "value": "image( <image-tags>? [ <image-src>? , <color>? ]! )",
       "href": "https://drafts.csswg.org/css-images-4/#funcdef-image",
-      "type": "function",
-      "value": "image( <image-tags>? [ <image-src>? , <color>? ]! )"
+      "type": "function"
     },
     {
       "name": "<image-tags>",
@@ -147,9 +147,9 @@
     },
     {
       "name": "cross-fade()",
+      "value": "cross-fade( <cf-image># )",
       "href": "https://drafts.csswg.org/css-images-4/#funcdef-cross-fade",
-      "type": "function",
-      "value": "cross-fade( <cf-image># )"
+      "type": "function"
     },
     {
       "name": "<cf-image>",
@@ -159,9 +159,9 @@
     },
     {
       "name": "element()",
+      "value": "element( <id-selector> )",
       "href": "https://drafts.csswg.org/css-images-4/#funcdef-element",
-      "type": "function",
-      "value": "element( <id-selector> )"
+      "type": "function"
     },
     {
       "name": "<gradient>",
@@ -189,9 +189,9 @@
     },
     {
       "name": "conic-gradient()",
+      "value": "conic-gradient( [ <conic-gradient-syntax> ] )",
       "href": "https://drafts.csswg.org/css-images-4/#funcdef-conic-gradient",
       "type": "function",
-      "value": "conic-gradient( [ <conic-gradient-syntax> ] )",
       "values": [
         {
           "name": "<angle> | <zero>",

package/css-layout-api.json

@@ -11,7 +11,6 @@
     {
       "msg": "Dangling value",
       "name": "layout()",
-      "prose": "This value causes an element to generate a layout API container box.",
       "href": "https://drafts.css-houdini.org/css-layout-api-1/#valdef-display-layout",
       "type": "value",
       "value": "layout()",

package/css-link-params.json

@@ -7,7 +7,7 @@
     {
       "name": "link-parameters",
       "href": "https://drafts.csswg.org/css-link-params-1/#propdef-link-parameters",
-      "value": "none | <link-param>+",
+      "value": "none | <param()>#",
       "initial": "none",
       "appliesTo": "all elements and pseudo-elements",
       "inherited": "no",
@@ -25,10 +25,11 @@
   "selectors": [],
   "values": [
     {
-      "name": "<link-param>",
-      "href": "https://drafts.csswg.org/css-link-params-1/#typedef-link-param",
-      "type": "type",
-      "value": "param( <custom-property-name> <declaration-value>? )"
+      "name": "param()",
+      "prose": "The param() function specifies a link parameter, with a key of the <dashed-ident>, and a value of the <declaration-value>?. (If the <declaration-value> is omitted, it represents an empty value.) It has the syntax:",
+      "href": "https://drafts.csswg.org/css-link-params-1/#funcdef-param",
+      "type": "function",
+      "value": "param( <dashed-ident> , <declaration-value>? )"
     }
   ]
 }

package/css-mixins.json

@@ -1,6 +1,6 @@
 {
   "spec": {
-    "title": "CSS Functions and Mixins Module",
+    "title": "CSS Custom Functions and Mixins Module Level 1",
     "url": "https://drafts.csswg.org/css-mixins-1/"
   },
   "properties": [],
@@ -49,7 +49,7 @@
       "name": "@env",
       "href": "https://drafts.csswg.org/css-mixins-1/#at-ruledef-env",
       "descriptors": [],
-      "value": "@env <custom-property-name> : <declaration-value>? ;"
+      "value": "@env <custom-property-name> <css-type>? : <declaration-value>? ;"
     }
   ],
   "selectors": [],

package/css-page-floats.json

@@ -120,9 +120,9 @@
         },
         {
           "name": "snap-block()",
-          "value": "snap-block( <length> , [ start | end | near ]? )",
           "href": "https://drafts.csswg.org/css-page-floats-3/#funcdef-float-snap-block",
-          "type": "function"
+          "type": "function",
+          "value": "snap-block( <length> , [ start | end | near ]? )"
         },
         {
           "name": "snap-block",
@@ -133,9 +133,9 @@
         },
         {
           "name": "snap-inline()",
-          "value": "snap-inline( <length> , [ left | right | near ]? )",
           "href": "https://drafts.csswg.org/css-page-floats-3/#funcdef-float-snap-inline",
-          "type": "function"
+          "type": "function",
+          "value": "snap-inline( <length> , [ left | right | near ]? )"
         },
         {
           "name": "snap-inline",

package/css-paint-api.json

@@ -9,9 +9,9 @@
   "values": [
     {
       "name": "paint()",
+      "value": "paint( <ident>, <declaration-value>? )",
       "href": "https://drafts.css-houdini.org/css-paint-api-1/#funcdef-paint",
-      "type": "function",
-      "value": "paint( <ident>, <declaration-value>? )"
+      "type": "function"
     }
   ]
 }

package/css-shapes.json

@@ -105,56 +105,48 @@
       "values": [
         {
           "name": "inset()",
-          "prose": "Defines an inset rectangle via insets from each edge of the reference box. If less than four <length-percentage> values are provided, the omitted values default in the same way as the margin shorthand: an omitted second or third value defaults to the first, and an omitted fourth value defaults to the second. The four <length-percentage>s define the position of the top, right, bottom, and left edges of a rectangle, respectively, as insets from the corresponding edges of the reference box. A pair of insets in either dimension that add up to more than the used dimension (such as left and right insets of 75% apiece) use the CSS Backgrounds 3 § 4.5 Overlapping Curves rules to proportionally reduce the inset effect to 100%. For example, specifying inset(75% 0 50% 0) has the top+bottom edges summing to 125% of the reference box’s height. They’re proportionally reduced to sum to 100%, identical to specifying inset(60% 0 40% 0). The optional <'border-radius'> argument(s) define rounded corners for the rectangle using the border-radius shorthand syntax.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-inset",
           "type": "function",
           "value": "inset( <length-percentage>{1,4} [ round <'border-radius'> ]? )"
         },
         {
           "name": "xywh()",
-          "prose": "Defines a rectangle via offsets from the top and left edge of the reference box, and a specified width and height. The four <length-percentage>s define, respectively, the inset from the left edge of the reference box, the inset from the top edge of the reference box, the width of the rectangle, and the height of the rectangle. The optional <'border-radius'> argument(s) define rounded corners for the inset rectangle using the border-radius shorthand syntax.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-xywh",
           "type": "function",
           "value": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )"
         },
         {
           "name": "rect()",
-          "prose": "Defines a rectangle via insets from the top and left edges of the reference box. The four <length-percentage>s define the position of the top, right, bottom, and left edges of a rectangle, respectively, as insets from the top edge of the reference box (for the first and third values) or the left edge of the reference box (for the second and fourth values). An auto value makes the edge of the box coincide with the corresponding edge of the reference box: it’s equivalent to 0% as the first (top) or fourth (left) value, and equivalent to 100% as the second (right) or third (bottom) value. The second (right) and third (bottom) values are floored by the fourth (left) and second (top) values, respectively. For example, specifying rect(10px 0 0 20px) would place the bottom edge higher than the top edge, and the right edge further left than the left edge, so both are corrected to not cross over the other edge, identical to specifying rect(10px 20px 10px 20px). The optional <'border-radius'> argument(s) define rounded corners for the rectangle using the border-radius shorthand syntax.)",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-rect",
           "type": "function",
           "value": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )"
         },
         {
           "name": "circle()",
-          "prose": "The <radial-size> argument defines the circle’s radius. Rather than referring to the gradient box, values are resolved against the reference box. Two <length-percentage> values are invalid. The <position> argument defines the center of the circle. Unless otherwise specified, this defaults to center if omitted.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-circle",
           "type": "function",
           "value": "circle( <radial-size>? [ at <position> ]? )"
         },
         {
           "name": "ellipse()",
-          "prose": "The <radial-size> argument defines the horizontal and vertical radiuses of the ellipse. Rather than referring to the gradient box, values are resolved against the reference box. The <position> argument defines the center of the ellipse. Unless otherwise specified, this defaults to center if omitted.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-ellipse",
           "type": "function",
           "value": "ellipse( <radial-size>? [ at <position> ]? )"
         },
         {
           "name": "polygon()",
-          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted. An optional <length> after a round keyword defines rounding for each vertex of the polygon. The length is the radius of a circle whose center lies on the bisector of the smaller angle of the vertex, and that is tangential to both sides of the vertex. Rounding polygon vertices that are both convex and concave. To avoid rounding more than half of any line segment, the rounding of each vertex must be clamped separately such that the radius is never more than the smaller of tan(angle/2) segment / 2 evaluated against both vertex line segments. This diagram shows the intent of the clamping formula. Each <length-percentage> pair specifies a vertex of the polygon, as a horizontal and vertical offset from the left and top edges of the reference box. The UA must close a polygon by connecting the last vertex with the first vertex of the list.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-polygon",
           "type": "function",
           "value": "polygon( <'fill-rule'>? [ round <length> ]? , [<length-percentage> <length-percentage>]# )"
         },
         {
           "name": "path()",
-          "prose": "The <'fill-rule'> specifies the filling rule used to determine the interior. Defaults to nonzero if omitted, unless the function is being used in a context such as SVG shapes where the fill-rule property is relevant. In that case an omitted value will use the computed value of the fill-rule property. The <string> represents an SVG Path data string. A path data string that does not conform to the to the grammar and parsing rules of SVG 1.1, or that does conform but defines an empty path, is invalid and causes the entire path() to be invalid. The initial position is defined by the first “move to” argument in the path string. For the initial direction follow SVG 1.1. The UA must close a path with an implicit closepath command (\"z\" or \"Z\") if it is not present in the string for properties that require a closed loop (such as shape-outside and clip-path).",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-path",
           "type": "function",
           "value": "path( <'fill-rule'>? , <string> )"
         },
         {
           "name": "shape()",
-          "prose": "See The shape() function.",
           "href": "https://drafts.csswg.org/css-shapes-1/#funcdef-basic-shape-shape",
           "type": "function",
           "value": "shape( <'fill-rule'>? from <position> , <shape-command># )",

package/css-sizing.json

@@ -53,7 +53,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }
@@ -111,7 +110,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }
@@ -169,7 +167,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }
@@ -228,7 +225,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }
@@ -287,7 +283,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }
@@ -346,7 +341,6 @@
         },
         {
           "name": "calc-size()",
-          "prose": "See <calc-size()>.",
           "href": "https://drafts.csswg.org/css-sizing-3/#funcdef-width-calc-size",
           "type": "function"
         }

package/css-ui.json

@@ -725,7 +725,7 @@
     {
       "name": "interest-delay",
       "href": "https://drafts.csswg.org/css-ui-4/#propdef-interest-delay",
-      "value": "<'interest-delay-start'>",
+      "value": "<'interest-delay-start'>{1,2}",
       "initial": "see individual properties",
       "appliesTo": "see individual properties",
       "inherited": "see individual properties",

package/css-values-5.json

@@ -44,7 +44,8 @@
       "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"
+      "type": "type",
+      "value": "not <boolean-expr-group> | <boolean-expr-group> [ [ and <boolean-expr-group> ]* | [ or <boolean-expr-group> ]* ]"
     },
     {
       "name": "<syntax>",
@@ -93,30 +94,30 @@
       "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.",
       "href": "https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier",
       "type": "type",
-      "value": "<crossorigin-modifier> | <integrity-modifier> | <referrerpolicy-modifier>",
+      "value": "<cross-origin-modifier> | <integrity-modifier> | <referrer-policy-modifier>",
       "values": [
         {
-          "name": "<crossorigin-modifier>",
-          "value": "crossorigin(anonymous | use-credentials)",
-          "href": "https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-crossorigin-modifier",
+          "name": "<cross-origin-modifier>",
+          "value": "cross-origin(anonymous | use-credentials)",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-cross-origin-modifier",
           "type": "type"
         },
         {
-          "name": "crossorigin()",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
-          "href": "https://drafts.csswg.org/css-values-5/#funcdef-request-url-modifier-crossorigin",
+          "name": "cross-origin()",
+          "prose": "<cross-origin-modifier> = cross-origin(anonymous | use-credentials)",
+          "href": "https://drafts.csswg.org/css-values-5/#funcdef-request-url-modifier-cross-origin",
           "type": "function"
         },
         {
           "name": "anonymous",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
+          "prose": "<cross-origin-modifier> = cross-origin(anonymous | use-credentials)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-anonymous",
           "type": "value",
           "value": "anonymous"
         },
         {
           "name": "use-credentials",
-          "prose": "<crossorigin-modifier> = crossorigin(anonymous | use-credentials)",
+          "prose": "<cross-origin-modifier> = cross-origin(anonymous | use-credentials)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-use-credentials",
           "type": "value",
           "value": "use-credentials"
@@ -134,69 +135,69 @@
           "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)",
-          "href": "https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-referrerpolicy-modifier",
+          "name": "<referrer-policy-modifier>",
+          "value": "referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-request-url-modifier-referrer-policy-modifier",
           "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)",
-          "href": "https://drafts.csswg.org/css-values-5/#funcdef-request-url-modifier-referrerpolicy",
+          "name": "referrer-policy()",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
+          "href": "https://drafts.csswg.org/css-values-5/#funcdef-request-url-modifier-referrer-policy",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-no-referrer",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-no-referrer-when-downgrade",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-same-origin",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-origin",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-strict-origin",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-origin-when-cross-origin",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-strict-origin-when-cross-origin",
           "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)",
+          "prose": "<referrer-policy-modifier> = referrer-policy(no-referrer | no-referrer-when-downgrade | same-origin | origin | strict-origin | origin-when-cross-origin | strict-origin-when-cross-origin | unsafe-url)",
           "href": "https://drafts.csswg.org/css-values-5/#valdef-request-url-modifier-unsafe-url",
           "type": "value",
           "value": "unsafe-url"
@@ -406,6 +407,11 @@
           "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
           "type": "type"
         },
+        {
+          "name": "<output-value>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
         {
           "name": "<easing-function>",
           "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
@@ -441,6 +447,11 @@
           "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
           "type": "type"
         },
+        {
+          "name": "<output-value>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
         {
           "name": "<easing-function>",
           "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
@@ -476,6 +487,11 @@
           "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
           "type": "type"
         },
+        {
+          "name": "<output-value>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
         {
           "name": "<easing-function>",
           "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
@@ -511,6 +527,11 @@
           "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
           "type": "type"
         },
+        {
+          "name": "<output-value>",
+          "href": "https://drafts.csswg.org/css-values-5/#typedef-calc-interpolate-input-position",
+          "type": "type"
+        },
         {
           "name": "<easing-function>",
           "prose": "When appearing in the first argument, specifies the “default” easing function to be used between each stop. When appearing between stops, specifies the easing function to be used between the two surrounding stops, overriding any default provided by a global <easing-function> argument. (It is analogous to animation-timing-function.) If omitted, defaults to linear. The input progress value to this easing function is the segment interpolation progress—​how far the interpolation progress is between the input positions of the nearest stops preceding and following it. For example, in color-interpolate(20%, 0%: red, ease-in-out, 80%: green, 100%: blue), the 20% interpolation progress becomes a 25% segment interpolation progress, as 20% is 25% of the way between 0% and 80%, the surrounding input positions.",
@@ -526,6 +547,11 @@
         }
       ]
     },
+    {
+      "name": "<whole-value>",
+      "href": "https://drafts.csswg.org/css-values-5/#whole-value",
+      "type": "type"
+    },
     {
       "name": "first-valid()",
       "prose": "The first-valid() functional notation inlines the fallback behavior intrinsic to parsing declarations. Unlike most notations, it can accept any valid or invalid syntax in its arguments, and represents the first value among its arguments that is supported (parsed as valid) by the UA as the whole value of the property it’s used in.",
@@ -755,11 +781,6 @@
     }
   ],
   "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>",
@@ -779,11 +800,6 @@
       "msg": "Missing definition",
       "name": "interpolate-function()",
       "value": "interpolate-function( [ <progress-source> && [ by <easing-function> ]? && <easing-function>? && <segment-options>? ] , <input-position>{1,2} : <output-value> , [ [ <easing-function> || <segment-options> ]? , <input-position>{1,2} : <output-value> ]#? )"
-    },
-    {
-      "msg": "Missing definition",
-      "name": "<input-position>",
-      "value": "<percentage> | <number> | <dimension>"
     }
   ]
 }

package/css-values.json

@@ -131,6 +131,13 @@
           "type": "value",
           "value": "em"
         },
+        {
+          "name": "em unit",
+          "prose": "Equal to the computed value of the font-size property of the element on which it is used. The rule: h1 { line-height: 1.2em } means that the line height of h1 elements will be 20% greater than the font size of h1 element. On the other hand: h1 { font-size: 1.2em } means that the font size of h1 elements will be 20% greater than the computed font size inherited by h1 elements.",
+          "href": "https://drafts.csswg.org/css-values-4/#em",
+          "type": "value",
+          "value": "em unit"
+        },
         {
           "name": "rem",
           "prose": "Equal to the computed value of the em unit on the root element.",
@@ -138,6 +145,13 @@
           "type": "value",
           "value": "rem"
         },
+        {
+          "name": "rem unit",
+          "prose": "Equal to the computed value of the em unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#rem",
+          "type": "value",
+          "value": "rem unit"
+        },
         {
           "name": "ex",
           "prose": "Equal to the used x-height of the first available font [CSS3-FONTS]. The x-height is so called because it is often equal to the height of the lowercase \"x\". However, an ex is defined even for fonts that do not contain an \"x\". The x-height of a font can be found in different ways. Some fonts contain reliable metrics for the x-height. If reliable font metrics are not available, UAs may determine the x-height from the height of a lowercase glyph. One possible heuristic is to look at how far the glyph for the lowercase \"o\" extends below the baseline, and subtract that value from the top of its bounding box. In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em must be assumed.",
@@ -145,6 +159,13 @@
           "type": "value",
           "value": "ex"
         },
+        {
+          "name": "ex unit",
+          "prose": "Equal to the used x-height of the first available font [CSS3-FONTS]. The x-height is so called because it is often equal to the height of the lowercase \"x\". However, an ex is defined even for fonts that do not contain an \"x\". The x-height of a font can be found in different ways. Some fonts contain reliable metrics for the x-height. If reliable font metrics are not available, UAs may determine the x-height from the height of a lowercase glyph. One possible heuristic is to look at how far the glyph for the lowercase \"o\" extends below the baseline, and subtract that value from the top of its bounding box. In the cases where it is impossible or impractical to determine the x-height, a value of 0.5em must be assumed.",
+          "href": "https://drafts.csswg.org/css-values-4/#ex",
+          "type": "value",
+          "value": "ex unit"
+        },
         {
           "name": "rex",
           "prose": "Equal to the value of the ex unit on the root element.",
@@ -152,6 +173,13 @@
           "type": "value",
           "value": "rex"
         },
+        {
+          "name": "rex unit",
+          "prose": "Equal to the value of the ex unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#rex",
+          "type": "value",
+          "value": "rex unit"
+        },
         {
           "name": "cap",
           "prose": "Equal to the used cap-height of the first available font [CSS3-FONTS]. The cap-height is so called because it is approximately equal to the height of a capital Latin letter. However, a cap is defined even for fonts that do not contain Latin letters. The cap-height of a font can be found in different ways. Some fonts contain reliable metrics for the cap-height. If reliable font metrics are not available, UAs may determine the cap-height from the height of an uppercase glyph. One possible heuristic is to look at how far the glyph for the uppercase “O” extends below the baseline, and subtract that value from the top of its bounding box. In the cases where it is impossible or impractical to determine the cap-height, the font’s ascent must be used.",
@@ -159,6 +187,13 @@
           "type": "value",
           "value": "cap"
         },
+        {
+          "name": "cap unit",
+          "prose": "Equal to the used cap-height of the first available font [CSS3-FONTS]. The cap-height is so called because it is approximately equal to the height of a capital Latin letter. However, a cap is defined even for fonts that do not contain Latin letters. The cap-height of a font can be found in different ways. Some fonts contain reliable metrics for the cap-height. If reliable font metrics are not available, UAs may determine the cap-height from the height of an uppercase glyph. One possible heuristic is to look at how far the glyph for the uppercase “O” extends below the baseline, and subtract that value from the top of its bounding box. In the cases where it is impossible or impractical to determine the cap-height, the font’s ascent must be used.",
+          "href": "https://drafts.csswg.org/css-values-4/#cap",
+          "type": "value",
+          "value": "cap unit"
+        },
         {
           "name": "rcap",
           "prose": "Equal to the value of the cap unit on the root element.",
@@ -166,6 +201,13 @@
           "type": "value",
           "value": "rcap"
         },
+        {
+          "name": "rcap unit",
+          "prose": "Equal to the value of the cap unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#rcap",
+          "type": "value",
+          "value": "rcap unit"
+        },
         {
           "name": "ch",
           "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
@@ -173,6 +215,13 @@
           "type": "value",
           "value": "ch"
         },
+        {
+          "name": "ch unit",
+          "prose": "Represents the typical advance measure of European alphanumeric characters, and measured as the used advance measure of the “0” (ZERO, U+0030) glyph in the font used to render it. (The advance measure of a glyph is its advance width or height, whichever is in the inline axis of the element.) In the cases where it is impossible or impractical to determine the measure of the “0” glyph, it must be assumed to be 0.5em wide by 1em tall. Thus, the ch unit falls back to 0.5em in the general case, and to 1em when it would be typeset upright (i.e. writing-mode is vertical-rl or vertical-lr and text-orientation is upright).",
+          "href": "https://drafts.csswg.org/css-values-4/#ch",
+          "type": "value",
+          "value": "ch unit"
+        },
         {
           "name": "rch",
           "prose": "Equal to the value of the ch unit on the root element.",
@@ -180,6 +229,13 @@
           "type": "value",
           "value": "rch"
         },
+        {
+          "name": "rch unit",
+          "prose": "Equal to the value of the ch unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#rch",
+          "type": "value",
+          "value": "rch unit"
+        },
         {
           "name": "ic",
           "prose": "Represents the typical advance measure of CJK letters, and measured as the used advance measure of the “水” (CJK water ideograph, U+6C34) glyph found in the font used to render it. In the cases where it is impossible or impractical to determine the ideographic advance measure, it must be assumed to be 1em.",
@@ -187,6 +243,13 @@
           "type": "value",
           "value": "ic"
         },
+        {
+          "name": "ic unit",
+          "prose": "Represents the typical advance measure of CJK letters, and measured as the used advance measure of the “水” (CJK water ideograph, U+6C34) glyph found in the font used to render it. In the cases where it is impossible or impractical to determine the ideographic advance measure, it must be assumed to be 1em.",
+          "href": "https://drafts.csswg.org/css-values-4/#ic",
+          "type": "value",
+          "value": "ic unit"
+        },
         {
           "name": "ric",
           "prose": "Equal to the value of the ic unit on the root element.",
@@ -194,6 +257,13 @@
           "type": "value",
           "value": "ric"
         },
+        {
+          "name": "ric unit",
+          "prose": "Equal to the value of the ic unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#ric",
+          "type": "value",
+          "value": "ric unit"
+        },
         {
           "name": "lh",
           "prose": "Equal to the computed value of the line-height property of the element on which it is used, converting normal to an absolute length by using only the metrics of the first available font.",
@@ -201,6 +271,13 @@
           "type": "value",
           "value": "lh"
         },
+        {
+          "name": "lh unit",
+          "prose": "Equal to the computed value of the line-height property of the element on which it is used, converting normal to an absolute length by using only the metrics of the first available font.",
+          "href": "https://drafts.csswg.org/css-values-4/#lh",
+          "type": "value",
+          "value": "lh unit"
+        },
         {
           "name": "rlh",
           "prose": "Equal to the value of the lh unit on the root element.",
@@ -208,6 +285,13 @@
           "type": "value",
           "value": "rlh"
         },
+        {
+          "name": "rlh unit",
+          "prose": "Equal to the value of the lh unit on the root element.",
+          "href": "https://drafts.csswg.org/css-values-4/#rlh",
+          "type": "value",
+          "value": "rlh unit"
+        },
         {
           "name": "vw",
           "prose": "Equal to 1% of the width of the large viewport size, small viewport size, large viewport size, and dynamic viewport size, respectively. In the example below, if the width of the viewport is 200mm, the font size of h1 elements will be 16mm (i.e. (8×200mm)/100). h1 { font-size: 8vw }",

package/css-variables.json

@@ -15,9 +15,9 @@
     },
     {
       "name": "var()",
+      "value": "var( <custom-property-name> , <declaration-value>? )",
       "href": "https://drafts.csswg.org/css-variables-2/#funcdef-var",
-      "type": "function",
-      "value": "var( <custom-property-name> , <declaration-value>? )"
+      "type": "function"
     },
     {
       "name": "<var-args>",

package/motion.json

@@ -222,9 +222,9 @@
     },
     {
       "name": "ray()",
+      "value": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
       "href": "https://drafts.fxtf.org/motion-1/#funcdef-ray",
       "type": "function",
-      "value": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
       "values": [
         {
           "name": "<angle>",

package/package.json

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

package/selectors.json

@@ -77,12 +77,6 @@
       "href": "https://drafts.csswg.org/selectors-4/#target-pseudo",
       "value": ":target"
     },
-    {
-      "name": ":target-within",
-      "prose": "The :target-within pseudo-class applies to any element to which the :target pseudo-class applies as well as to any element whose descendant in the flat tree (including non-element nodes, such as text nodes) matches the conditions for matching :target.",
-      "href": "https://drafts.csswg.org/selectors-4/#target-within-pseudo",
-      "value": ":target-within"
-    },
     {
       "name": ":scope",
       "prose": "In some contexts, selectors are matched with respect to one or more scoping roots, such as when calling the querySelector() method in [DOM]. The :scope pseudo-class represents this scoping root, and may be either a true element or a virtual one (such as a DocumentFragment).",
@@ -258,13 +252,19 @@
     },
     {
       "name": ":checked",
-      "prose": "Radio and checkbox elements can be toggled by the user. Some menu items are “checked” when the user selects them. When such elements are toggled “on” the :checked pseudo-class applies. For example, [HTML5] defines that checked checkboxes, radio buttons, and selected <option> elements match :checked.",
+      "prose": "When such elements are toggled “on” the :checked pseudo-class applies. For example, [HTML5] defines that checked checkboxes, radio buttons, and selected <option> elements match :checked. Similarly, when such elements are toggled “off”, the :unchecked pseudo-class applies.",
       "href": "https://drafts.csswg.org/selectors-4/#checked-pseudo",
       "value": ":checked"
     },
+    {
+      "name": ":unchecked",
+      "prose": "When such elements are toggled “on” the :checked pseudo-class applies. For example, [HTML5] defines that checked checkboxes, radio buttons, and selected <option> elements match :checked. Similarly, when such elements are toggled “off”, the :unchecked pseudo-class applies.",
+      "href": "https://drafts.csswg.org/selectors-4/#unchecked-pseudo",
+      "value": ":unchecked"
+    },
     {
       "name": ":indeterminate",
-      "prose": "The :indeterminate pseudo-class applies to UI elements whose value is in an indeterminate state. For example, radio and checkbox elements can be toggled between checked and unchecked states, but are sometimes in an indeterminate state, neither checked nor unchecked. Similarly a progress meter can be in an indeterminate state when the percent completion is unknown. For example, [HTML5] defines how checkboxes can be made to match :indeterminate.",
+      "prose": "If an element that could match :checked or :unchecked is neither \"on\" nor \"off\", the :indeterminate pseudo-class applies. :indeterminate also matches elements which do not have a notion of being \"checked\", but whose \"value\" is still in an indeterminate state, such as a progress meter whose progress percentage is unknown.",
       "href": "https://drafts.csswg.org/selectors-4/#indeterminate-pseudo",
       "value": ":indeterminate"
     },