mdn-data 2.14.0 → 2.16.0

package/css/functions.json

@@ -20,7 +20,7 @@
   "anchor()": {
     "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
     "groups": [
-      "CSS Positioning"
+      "CSS Anchor Positioning"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor"
@@ -28,7 +28,7 @@
   "anchor-size()": {
     "syntax": "anchor-size( [ <anchor-name> || <anchor-size> ]? , <length-percentage>? )",
     "groups": [
-      "CSS Positioning"
+      "CSS Anchor Positioning"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
@@ -63,13 +63,13 @@
   "attr()": {
     "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
     "groups": [
-      "CSS Generated Content"
+      "CSS Values and Units"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/attr"
   },
   "blur()": {
-    "syntax": "blur( <length> )",
+    "syntax": "blur( <length>? )",
     "groups": [
       "Filter Effects"
     ],
@@ -77,7 +77,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/blur"
   },
   "brightness()": {
-    "syntax": "brightness( <number-percentage> )",
+    "syntax": "brightness( [ <number> | <percentage> ]? )",
     "groups": [
       "Filter Effects"
     ],
@@ -103,7 +103,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/calc-size"
   },
   "circle()": {
-    "syntax": "circle( [ <shape-radius> ]? [ at <position> ]? )",
+    "syntax": "circle( <radial-size>? [ at <position> ]? )",
     "groups": [
       "CSS Shapes"
     ],
@@ -119,20 +119,34 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/clamp"
   },
+  "color()": {
+    "syntax": "color( [ from <color> ]? <colorspace-params> [ / [ <alpha-value> | none ] ]? )",
+    "groups": [
+      "CSS Color"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color"
+  },
+  "color-mix()": {
+    "syntax": "color-mix( <color-interpolation-method> , [ <color> && <percentage [0,100]>? ]#{2})",
+    "groups": [
+      "CSS Color"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/color-mix"
+  },
   "conic-gradient()": {
     "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/conic-gradient"
   },
   "contrast()": {
-    "syntax": "contrast( [ <number-percentage> ] )",
+    "syntax": "contrast( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast"
@@ -165,17 +179,15 @@
   "cross-fade()": {
     "syntax": "cross-fade( <cf-mixing-image> , <cf-final-image>? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cross-fade"
   },
   "drop-shadow()": {
-    "syntax": "drop-shadow( <length>{2,3} <color>? )",
+    "syntax": "drop-shadow( [ <color>? && <length>{2,3} ] )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/drop-shadow"
@@ -183,13 +195,13 @@
   "element()": {
     "syntax": "element( <id-selector> )",
     "groups": [
-      "CSS Miscellaneous"
+      "CSS Images"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/element"
   },
   "ellipse()": {
-    "syntax": "ellipse( [ <shape-radius>{2} ]? [ at <position> ]? )",
+    "syntax": "ellipse( <radial-size>? [ at <position> ]? )",
     "groups": [
       "CSS Shapes"
     ],
@@ -199,7 +211,7 @@
   "env()": {
     "syntax": "env( <custom-ident> , <declaration-value>? )",
     "groups": [
-      "CSS Box Model"
+      "CSS Environment Variables"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env"
@@ -216,22 +228,22 @@
   "fit-content()": {
     "syntax": "fit-content( <length-percentage [0,∞]> )",
     "groups": [
-      "CSS Box Model"
+      "CSS Box Sizing",
+      "CSS Grid Layout"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/fit-content_function"
   },
   "grayscale()": {
-    "syntax": "grayscale( <number-percentage> )",
+    "syntax": "grayscale( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/grayscale"
   },
   "hsl()": {
-    "syntax": "hsl( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsl( <hue>, <percentage>, <percentage>, <alpha-value>? )",
+    "syntax": "hsl( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsl( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
@@ -239,22 +251,29 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
   },
   "hsla()": {
-    "syntax": "hsla( <hue> <percentage> <percentage> [ / <alpha-value> ]? ) | hsla( <hue>, <percentage>, <percentage>, <alpha-value>? )",
+    "syntax": "hsla( <hue>, <percentage>, <percentage>, <alpha-value>? ) | hsla( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
     "groups": [
       "CSS Color"
     ],
     "status": "nonstandard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsla"
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hsl"
   },
   "hue-rotate()": {
-    "syntax": "hue-rotate( <angle> )",
+    "syntax": "hue-rotate( [ <angle> | <zero> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate"
   },
+  "hwb()": {
+    "syntax": "hwb( [ <hue> | none ] [ <percentage> | <number> | none ] [ <percentage> | <number> | none ] [ / [ <alpha-value> | none ] ]? )",
+    "groups": [
+      "CSS Color"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb"
+  },
   "hypot()": {
     "syntax": "hypot( <calc-sum># )",
     "groups": [
@@ -264,14 +283,6 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/hypot"
   },
-  "hwb()": {
-    "syntax": "hwb( [<hue> | none] [<percentage> | none] [<percentage> | none] [ / [<alpha-value> | none] ]? )",
-    "groups": [
-      "CSS Color"
-    ],
-    "status": "standard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/hwb"
-  },
   "image()": {
     "syntax": "image( <image-tags>? [ <image-src>? , <color>? ]! )",
     "groups": [
@@ -297,10 +308,9 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/inset"
   },
   "invert()": {
-    "syntax": "invert( <number-percentage> )",
+    "syntax": "invert( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/invert"
@@ -332,9 +342,9 @@
   "leader()": {
     "syntax": "leader( <leader-type> )",
     "groups": [
-      "CSS Miscellaneous"
+      "CSS Generated Content"
     ],
-    "status": "nonstandard"
+    "status": "experimental"
   },
   "light-dark()": {
     "syntax": "light-dark( <color>, <color> )",
@@ -347,8 +357,7 @@
   "linear-gradient()": {
     "syntax": "linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient"
@@ -431,10 +440,9 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/oklch"
   },
   "opacity()": {
-    "syntax": "opacity( [ <number-percentage> ] )",
+    "syntax": "opacity( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/opacity"
@@ -442,7 +450,7 @@
   "paint()": {
     "syntax": "paint( <ident>, <declaration-value>? )",
     "groups": [
-      "CSS Backgrounds and Borders"
+      "CSS Houdini"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/image/paint"
@@ -456,10 +464,9 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-palette/palette-mix"
   },
   "path()": {
-    "syntax": "path( [ <fill-rule>, ]? <string> )",
+    "syntax": "path( <'fill-rule'>? , <string> )",
     "groups": [
-      "CSS Shapes",
-      "CSS Motion Path"
+      "CSS Shapes"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/path"
@@ -473,7 +480,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/perspective"
   },
   "polygon()": {
-    "syntax": "polygon( <fill-rule>? , [ <length-percentage> <length-percentage> ]# )",
+    "syntax": "polygon( <'fill-rule'>? , [ <length-percentage> <length-percentage> ]# )",
     "groups": [
       "CSS Shapes"
     ],
@@ -492,8 +499,7 @@
   "radial-gradient()": {
     "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/radial-gradient"
@@ -501,11 +507,19 @@
   "ray()": {
     "syntax": "ray( <angle> && <ray-size>? && contain? && [at <position>]? )",
     "groups": [
-      "CSS Motion Path"
+      "Motion Path"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray"
   },
+  "rect()": {
+    "syntax": "rect( [ <length-percentage> | auto ]{4} [ round <'border-radius'> ]? )",
+    "groups": [
+      "CSS Shapes"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/rect"
+  },
   "rem()": {
     "syntax": "rem( <calc-sum>, <calc-sum> )",
     "groups": [
@@ -518,8 +532,7 @@
   "repeating-conic-gradient()": {
     "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-conic-gradient"
@@ -527,23 +540,21 @@
   "repeating-linear-gradient()": {
     "syntax": "repeating-linear-gradient( [ <angle> | to <side-or-corner> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/repeating-linear-gradient"
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient"
   },
   "repeating-radial-gradient()": {
     "syntax": "repeating-radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
     "groups": [
-      "CSS Backgrounds and Borders",
-      "CSS Color"
+      "CSS Images"
     ],
     "status": "standard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-linear-gradient"
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/repeating-radial-gradient"
   },
   "rgb()": {
-    "syntax": "rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) | rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )",
+    "syntax": "rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? ) | rgb( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]?  )",
     "groups": [
       "CSS Color"
     ],
@@ -551,12 +562,12 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
   },
   "rgba()": {
-    "syntax": "rgba( <percentage>{3} [ / <alpha-value> ]? ) | rgba( <number>{3} [ / <alpha-value> ]? ) | rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? )",
+    "syntax": "rgba( <percentage>#{3} , <alpha-value>? ) | rgba( <number>#{3} , <alpha-value>? ) | rgba( [ <number> | <percentage> | none ]{3} [ / [ <alpha-value> | none ] ]?  )",
     "groups": [
       "CSS Color"
     ],
     "status": "nonstandard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgba"
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/color_value/rgb"
   },
   "rotate()": {
     "syntax": "rotate( [ <angle> | <zero> ] )",
@@ -608,10 +619,9 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
   },
   "saturate()": {
-    "syntax": "saturate( <number-percentage> )",
+    "syntax": "saturate( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/saturate"
@@ -659,16 +669,15 @@
   "scroll()": {
     "syntax": "scroll( [ <scroller> || <axis> ]? )",
     "groups": [
-      "CSS Animations"
+      "Scroll-driven Animations"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/scroll"
   },
   "sepia()": {
-    "syntax": "sepia( <number-percentage> )",
+    "syntax": "sepia( [ <number> | <percentage> ]? )",
     "groups": [
-      "Filter Effects",
-      "CSS Color"
+      "Filter Effects"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia"
@@ -724,35 +733,43 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
   },
+  "symbols()": {
+    "syntax": "symbols( <symbols-type>? [ <string> | <image> ]+ )",
+    "groups": [
+      "CSS Counter Styles"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/symbols"
+  },
+  "tan()": {
+    "syntax": "tan( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"
+  },
   "target-counter()": {
     "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
     "groups": [
-      "CSS Lists and Counters"
+      "CSS Generated Content"
     ],
-    "status": "nonstandard"
+    "status": "experimental"
   },
   "target-counters()": {
     "syntax": "target-counters( [ <string> | <url> ] , <custom-ident> , <string> , <counter-style>? )",
     "groups": [
-      "CSS Lists and Counters"
+      "CSS Generated Content"
     ],
-    "status": "nonstandard"
+    "status": "experimental"
   },
   "target-text()": {
     "syntax": "target-text( [ <string> | <url> ] , [ content | before | after | first-letter ]? )",
     "groups": [
-      "CSS Miscellaneous"
-    ],
-    "status": "nonstandard"
-  },
-  "tan()": {
-    "syntax": "tan( <calc-sum> )",
-    "groups": [
-      "CSS Units",
-      "CSS Lengths"
+      "CSS Generated Content"
     ],
-    "status": "standard",
-    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"
+    "status": "experimental"
   },
   "translate()": {
     "syntax": "translate( <length-percentage> , <length-percentage>? )",
@@ -797,7 +814,7 @@
   "var()": {
     "syntax": "var( <custom-property-name> , <declaration-value>? )",
     "groups": [
-      "CSS Miscellaneous"
+      "CSS Custom Properties for Cascading Variables"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var"
@@ -805,9 +822,17 @@
   "view()": {
     "syntax": "view([<axis> || <'view-timeline-inset'>]?)",
     "groups": [
-      "CSS Animations"
+      "Scroll-driven Animations"
     ],
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/animation-timeline/view"
+  },
+  "xywh()": {
+    "syntax": "xywh( <length-percentage>{2} <length-percentage [0,∞]>{2} [ round <'border-radius'> ]? )",
+    "groups": [
+      "CSS Shapes"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/xywh"
   }
 }