feat(css): add missing css functions (#829)

Co-authored-by: Vadim Makeev <hi@pepelsbey.dev>
mdn · Dec 17, 2024 · 9fe3138 · 9fe3138
1 parent a93d2bb
commit 9fe3138
Showing 1 changed file with 153 additions and 0 deletions.
diff --git a/css/functions.json b/css/functions.json
@@ -1,4 +1,22 @@
 {
+  "abs()": {
+    "syntax": "abs( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/abs"
+  },
+  "acos()": {
+    "syntax": "acos( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/acos"
+  },
   "anchor()": {
     "syntax": "anchor( <anchor-name>? && <anchor-side>, <length-percentage>? )",
     "groups": [
@@ -15,6 +33,33 @@
     "status": "experimental",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/anchor-size"
   },
+  "asin()": {
+    "syntax": "asin( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/asin"
+  },
+  "atan()": {
+    "syntax": "atan( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan"
+  },
+  "atan2()": {
+    "syntax": "atan2( <calc-sum>, <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/atan2"
+  },
   "attr()": {
     "syntax": "attr( <attr-name> <type-or-unit>? [, <attr-fallback> ]? )",
     "groups": [
@@ -91,6 +136,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/contrast"
   },
+  "cos()": {
+    "syntax": "cos( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/cos"
+  },
   "counter()": {
     "syntax": "counter( <counter-name>, <counter-style>? )",
     "groups": [
@@ -149,6 +203,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env"
   },
+  "exp()": {
+    "syntax": "exp( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/exp"
+  },
   "fit-content()": {
     "syntax": "fit-content( <length-percentage [0,∞]> )",
     "groups": [
@@ -191,6 +254,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/hue-rotate"
   },
+  "hypot()": {
+    "syntax": "hypot( <calc-sum># )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "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": [
@@ -280,6 +352,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/gradient/linear-gradient"
   },
+  "log()": {
+    "syntax": "log( <calc-sum>, <calc-sum>? )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/log"
+  },
   "matrix()": {
     "syntax": "matrix( <number>#{6} )",
     "groups": [
@@ -323,6 +404,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/minmax"
   },
+  "mod()": {
+    "syntax": "mod( <calc-sum>, <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/mod"
+  },
   "oklab()": {
     "syntax": "oklab( [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ <percentage> | <number> | none] [ / [<alpha-value> | none] ]? )",
     "groups": [
@@ -389,6 +479,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/basic-shape/polygon"
   },
+  "pow()": {
+    "syntax": "pow( <calc-sum>, <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/pow"
+  },
   "radial-gradient()": {
     "syntax": "radial-gradient( [ <ending-shape> || <size> ]? [ at <position> ]? , <color-stop-list> )",
     "groups": [
@@ -406,6 +505,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ray"
   },
+  "rem()": {
+    "syntax": "rem( <calc-sum>, <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/rem"
+  },
   "repeating-conic-gradient()": {
     "syntax": "repeating-conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )",
     "groups": [
@@ -489,6 +597,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/rotateZ"
   },
+  "round()": {
+    "syntax": "round( <rounding-strategy>?, <calc-sum>, <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/round"
+  },
   "saturate()": {
     "syntax": "saturate( <number-percentage> )",
     "groups": [
@@ -555,6 +672,24 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/filter-function/sepia"
   },
+  "sign()": {
+    "syntax": "sign( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sign"
+  },
+  "sin()": {
+    "syntax": "sin( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sin"
+  },
   "skew()": {
     "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )",
     "groups": [
@@ -579,6 +714,15 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/transform-function/skewY"
   },
+  "sqrt()": {
+    "syntax": "sqrt( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/sqrt"
+  },
   "target-counter()": {
     "syntax": "target-counter( [ <string> | <url> ] , <custom-ident> , <counter-style>? )",
     "groups": [
@@ -600,6 +744,15 @@
     ],
     "status": "nonstandard"
   },
+  "tan()": {
+    "syntax": "tan( <calc-sum> )",
+    "groups": [
+      "CSS Units",
+      "CSS Lengths"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/tan"
+  },
   "translate()": {
     "syntax": "translate( <length-percentage> , <length-percentage>? )",
     "groups": [