@webref/css 6.4.0 → 6.4.2

package/css-backgrounds-4.json

@@ -29,6 +29,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-x",
         "backgroundPositionX"
@@ -44,6 +45,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-y",
         "backgroundPositionY"
@@ -59,6 +61,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-inline",
         "backgroundPositionInline"
@@ -74,6 +77,7 @@
       "computedValue": "A list, each item consisting of: an offset given as a computed <length-percentage> value, plus an origin keyword",
       "canonicalOrder": "per grammar",
       "animationType": "repeatable list",
+      "logicalPropertyGroup": "background-position",
       "styleDeclaration": [
         "background-position-block",
         "backgroundPositionBlock"
@@ -104,6 +108,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-top-color",
         "borderTopColor"
@@ -119,6 +124,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-right-color",
         "borderRightColor"
@@ -134,6 +140,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-bottom-color",
         "borderBottomColor"
@@ -149,6 +156,7 @@
       "computedValue": "the computed color and/or a one-dimensional image function",
       "canonicalOrder": "per grammar",
       "animationType": "see prose",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-left-color",
         "borderLeftColor"

package/css-backgrounds.json

@@ -324,6 +324,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-top-color",
         "borderTopColor"
@@ -339,6 +340,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-right-color",
         "borderRightColor"
@@ -354,6 +356,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-bottom-color",
         "borderBottomColor"
@@ -369,6 +372,7 @@
       "computedValue": "computed color",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value",
+      "logicalPropertyGroup": "border-color",
       "styleDeclaration": [
         "border-left-color",
         "borderLeftColor"
@@ -383,7 +387,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-color",
         "borderColor"
@@ -399,6 +403,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-top-style",
         "borderTopStyle"
@@ -414,6 +419,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-right-style",
         "borderRightStyle"
@@ -429,6 +435,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-bottom-style",
         "borderBottomStyle"
@@ -444,6 +451,7 @@
       "computedValue": "specified keyword",
       "canonicalOrder": "per grammar",
       "animationType": "discrete",
+      "logicalPropertyGroup": "border-style",
       "styleDeclaration": [
         "border-left-style",
         "borderLeftStyle"
@@ -471,9 +479,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-top-width",
         "borderTopWidth"
@@ -486,9 +495,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-right-width",
         "borderRightWidth"
@@ -501,9 +511,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-bottom-width",
         "borderBottomWidth"
@@ -516,9 +527,10 @@
       "appliesTo": "all elements except ruby base containers and ruby annotation containers",
       "inherited": "no",
       "percentages": "N/A",
-      "computedValue": "absolute length; zero if the border style is none or hidden",
+      "computedValue": "absolute length, snapped as a border width; zero if the border style is none or hidden",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-width",
       "styleDeclaration": [
         "border-left-width",
         "borderLeftWidth"
@@ -533,7 +545,7 @@
       "percentages": "see individual properties",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-width",
         "borderWidth"
@@ -548,7 +560,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-top",
         "borderTop"
@@ -563,7 +575,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-right",
         "borderRight"
@@ -578,7 +590,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-bottom",
         "borderBottom"
@@ -593,7 +605,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-left",
         "borderLeft"
@@ -608,7 +620,7 @@
       "percentages": "N/A",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border"
       ]
@@ -622,7 +634,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-top-left-radius",
         "borderTopLeftRadius"
@@ -637,7 +650,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-top-right-radius",
         "borderTopRightRadius"
@@ -652,7 +666,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-bottom-right-radius",
         "borderBottomRightRadius"
@@ -667,7 +682,8 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "pair of computed <length-percentage> values",
       "canonicalOrder": "per grammar",
-      "animatable": "by computed value",
+      "animationType": "by computed value",
+      "logicalPropertyGroup": "border-radius",
       "styleDeclaration": [
         "border-bottom-left-radius",
         "borderBottomLeftRadius"
@@ -682,7 +698,7 @@
       "percentages": "Refer to corresponding dimension of the border box.",
       "computedValue": "see individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "see individual properties",
+      "animationType": "see individual properties",
       "styleDeclaration": [
         "border-radius",
         "borderRadius"
@@ -838,7 +854,7 @@
       "percentages": "N/A",
       "computedValue": "See individual properties",
       "canonicalOrder": "per grammar",
-      "animatable": "See individual properties",
+      "animationType": "See individual properties",
       "styleDeclaration": [
         "border-image",
         "borderImage"

package/css-box.json

@@ -14,6 +14,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-top",
         "marginTop"
@@ -29,6 +30,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-right",
         "marginRight"
@@ -44,6 +46,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-bottom",
         "marginBottom"
@@ -59,6 +62,7 @@
       "computedValue": "the keyword auto or a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "margin",
       "styleDeclaration": [
         "margin-left",
         "marginLeft"
@@ -147,6 +151,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-top",
         "paddingTop"
@@ -162,6 +167,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-right",
         "paddingRight"
@@ -177,6 +183,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-bottom",
         "paddingBottom"
@@ -192,6 +199,7 @@
       "computedValue": "a computed <length-percentage> value",
       "canonicalOrder": "per grammar",
       "animationType": "by computed value type",
+      "logicalPropertyGroup": "padding",
       "styleDeclaration": [
         "padding-left",
         "paddingLeft"

package/css-cascade-6.json

@@ -7,7 +7,7 @@
   "atrules": [
     {
       "name": "@scope",
-      "prose": "The @scope block at-rule allows authors to scope style rules in CSS, with the application of weak scoping proximity between the scoping root and the subject of each style rule.",
+      "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.",
       "descriptors": [],
       "value": "@scope [(<scope-start>)]? [to (<scope-end>)]? { <stylesheet> }"
     }
@@ -16,13 +16,13 @@
   "values": [
     {
       "name": "<scope-start>",
-      "type": "type",
-      "value": "<forgiving-selector-list>"
+      "prose": "<scope-start> is a <forgiving-selector-list> selector used to identify the scoping root(s).",
+      "type": "type"
     },
     {
       "name": "<scope-end>",
-      "type": "type",
-      "value": "<forgiving-selector-list>"
+      "prose": "<scope-end> is a <forgiving-selector-list> selector used to identify any scoping limits.",
+      "type": "type"
     }
   ]
 }

package/css-color-5.json

@@ -59,77 +59,46 @@
   ],
   "selectors": [],
   "values": [
+    {
+      "name": "<color>",
+      "prose": "Colors in CSS are represented by the <color> type:",
+      "type": "type",
+      "value": "<absolute-color-base> | currentcolor | <system-color> | <device-cmyk()>"
+    },
+    {
+      "name": "<absolute-color-base>",
+      "type": "type",
+      "value": "<hex-color> | <absolute-color-function> | <named-color> | transparent"
+    },
+    {
+      "name": "<absolute-color-function>",
+      "type": "type",
+      "value": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()>"
+    },
     {
       "name": "color-mix()",
       "type": "function",
       "value": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})"
     },
     {
-      "name": "rgb()",
-      "type": "function",
-      "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )",
-      "values": [
-        {
-          "name": "r",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "r"
-        },
-        {
-          "name": "g",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "g"
-        },
-        {
-          "name": "b",
-          "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
-          "type": "value",
-          "value": "b"
-        },
-        {
-          "name": "alpha",
-          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
-          "type": "value",
-          "value": "alpha"
-        }
-      ]
+      "name": "<modern-rgb-syntax>",
+      "type": "type",
+      "value": "rgb( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "<alpha-value>",
+      "name": "<modern-rgba-syntax>",
       "type": "type",
-      "value": "<number> | <percentage>"
+      "value": "rgba( [ from <color> ]? [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     {
-      "name": "hsl()",
-      "type": "function",
-      "value": "hsl([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
-      "values": [
-        {
-          "name": "h",
-          "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after conversion, if required to sRGB, normalized to a [0, 360] range",
-          "type": "value",
-          "value": "h"
-        },
-        {
-          "name": "s",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
-          "type": "value",
-          "value": "s"
-        },
-        {
-          "name": "l",
-          "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
-          "type": "value",
-          "value": "l"
-        },
-        {
-          "name": "alpha",
-          "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
-          "type": "value",
-          "value": "alpha"
-        }
-      ]
+      "name": "<modern-hsl-syntax>",
+      "type": "type",
+      "value": "hsl([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    {
+      "name": "<modern-hsla-syntax>",
+      "type": "type",
+      "value": "hsla([from <color>]? [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
     },
     {
       "name": "hwb()",
@@ -399,5 +368,71 @@
       "type": "type",
       "value": "in [ <rectangular-color-space> | <polar-color-space> <hue-interpolation-method>? | <custom-color-space> ]"
     }
+  ],
+  "warnings": [
+    {
+      "msg": "Dangling value",
+      "name": "r",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "r",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "g",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "g",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "b",
+      "prose": "r, g, and b are all <number>s that correspond to the origin color’s red, green, and blue channels after conversion, if required to sRGB. 255.0 is equivalent to 100%.",
+      "type": "value",
+      "value": "b",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "alpha",
+      "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
+      "type": "value",
+      "value": "alpha",
+      "for": "rgb()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "h",
+      "prose": "h is an <angle> that corresponds to the origin color’s HSL hue after conversion, if required to sRGB, normalized to a [0, 360] range",
+      "type": "value",
+      "value": "h",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "s",
+      "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
+      "type": "value",
+      "value": "s",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "l",
+      "prose": "s and l are <percentage>s that correspond to the origin color’s HSL saturation and lightness, after conversion, if required to sRGB",
+      "type": "value",
+      "value": "l",
+      "for": "hsl()"
+    },
+    {
+      "msg": "Dangling value",
+      "name": "alpha",
+      "prose": "alpha is a <number> that corresponds to the origin color’s alpha transparency",
+      "type": "value",
+      "value": "alpha",
+      "for": "hsl()"
+    }
   ]
 }

package/css-color.json

@@ -825,12 +825,32 @@
     {
       "name": "rgb()",
       "type": "function",
-      "value": "rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [<percentage> | none]{3} [ / [<alpha-value> | none] ]? ) | rgb( [<number> | none]{3} [ / [<alpha-value> | none] ]? )"
+      "value": "[ <legacy-rgb-syntax> | <modern-rgb-syntax> ]"
     },
     {
       "name": "rgba()",
-      "prose": "Also, an rgba() legacy color syntax also exists, with an identical grammar and behavior to rgb().",
-      "type": "function"
+      "type": "function",
+      "value": "[ <legacy-rgba-syntax> | <modern-rgba-syntax> ]"
+    },
+    {
+      "name": "<legacy-rgb-syntax>",
+      "type": "type",
+      "value": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )"
+    },
+    {
+      "name": "<legacy-rgba-syntax>",
+      "type": "type",
+      "value": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )"
+    },
+    {
+      "name": "<modern-rgb-syntax>",
+      "type": "type",
+      "value": "rgb( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
+    },
+    {
+      "name": "<modern-rgba-syntax>",
+      "type": "type",
+      "value": "rgba( [ <number> | <percentage> | none]{3} [ / [<alpha-value> | none] ]? )"
     },
     {
       "name": "<hex-color>",
@@ -966,11 +986,11 @@
     {
       "name": "hsl()",
       "type": "function",
-      "value": "hsl( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )",
+      "value": "[ <legacy-hsl-syntax> | <modern-hsl-syntax> ]",
       "values": [
         {
           "name": "HSL",
-          "prose": "HSL colors are specified as a triplet of hue, saturation, and lightness. The syntax of the hsl() function is:",
+          "prose": "HSL colors are specified as a triplet of hue, saturation, and lightness. The syntax of the hsl() and hsla() functions is:",
           "type": "value",
           "value": "HSL"
         }
@@ -978,8 +998,28 @@
     },
     {
       "name": "hsla()",
-      "prose": "Also, an hsla() legacy color syntax also exists, with an identical grammar and behavior to hsl().",
-      "type": "function"
+      "type": "function",
+      "value": "[ <legacy-hsla-syntax> | <modern-hsla-syntax> ]"
+    },
+    {
+      "name": "<modern-hsl-syntax>",
+      "type": "type",
+      "value": "hsl( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    {
+      "name": "<modern-hsla-syntax>",
+      "type": "type",
+      "value": "hsla( [<hue> | none] [<percentage> | <number> | none] [<percentage> | <number> | none] [ / [<alpha-value> | none] ]? )"
+    },
+    {
+      "name": "<legacy-hsl-syntax>",
+      "type": "type",
+      "value": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )"
+    },
+    {
+      "name": "<legacy-hsla-syntax>",
+      "type": "type",
+      "value": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )"
     },
     {
       "name": "hwb()",

package/css-conditional-5.json

@@ -45,12 +45,5 @@
       "type": "function",
       "value": "supports( <declaration> )"
     }
-  ],
-  "warnings": [
-    {
-      "msg": "Missing definition",
-      "name": "<font-format",
-      "value": "[ collection | embedded-opentype | opentype | svg | truetype | woff | woff2 ]"
-    }
   ]
 }