From 8ba361773c61ecb29c465bff7ba7eec9ecc1cfc5 Mon Sep 17 00:00:00 2001
From: Claas Augner <caugner@mozilla.com>
Date: Mon, 13 Jan 2025 23:13:32 +0100
Subject: [PATCH 1/2] Move CSS `env()` function into `css.types.*`

---
 css/properties/custom-property.json | 422 ---------------------------
 css/types/env.json                  | 428 ++++++++++++++++++++++++++++
 2 files changed, 428 insertions(+), 422 deletions(-)
 create mode 100644 css/types/env.json

diff --git a/css/properties/custom-property.json b/css/properties/custom-property.json
index bfcef06e9b856c..a79ba638532357 100644
--- a/css/properties/custom-property.json
+++ b/css/properties/custom-property.json
@@ -41,428 +41,6 @@
             "deprecated": false
           }
         },
-        "env": {
-          "__compat": {
-            "description": "`env()`",
-            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-            "spec_url": "https://drafts.csswg.org/css-env/#env-function",
-            "tags": [
-              "web-features:safe-area-inset"
-            ],
-            "support": {
-              "chrome": {
-                "version_added": "69"
-              },
-              "chrome_android": "mirror",
-              "edge": "mirror",
-              "firefox": {
-                "version_added": "65"
-              },
-              "firefox_android": "mirror",
-              "ie": {
-                "version_added": false
-              },
-              "oculus": "mirror",
-              "opera": "mirror",
-              "opera_android": "mirror",
-              "safari": [
-                {
-                  "version_added": "11.1"
-                },
-                {
-                  "alternative_name": "constant",
-                  "version_added": "11",
-                  "version_removed": "11.1"
-                }
-              ],
-              "safari_ios": "mirror",
-              "samsunginternet_android": "mirror",
-              "webview_android": "mirror",
-              "webview_ios": "mirror"
-            },
-            "status": {
-              "experimental": false,
-              "standard_track": true,
-              "deprecated": false
-            }
-          },
-          "safe-area-inset-bottom": {
-            "__compat": {
-              "description": "Safe area inset variable `safe-area-inset-bottom`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
-              "tags": [
-                "web-features:safe-area-inset"
-              ],
-              "support": {
-                "chrome": {
-                  "version_added": "69"
-                },
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": "65"
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": "mirror",
-                "opera_android": "mirror",
-                "safari": {
-                  "version_added": "11"
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": "mirror",
-                "webview_android": "mirror",
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "safe-area-inset-left": {
-            "__compat": {
-              "description": "Safe area inset variable `safe-area-inset-left`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
-              "tags": [
-                "web-features:safe-area-inset"
-              ],
-              "support": {
-                "chrome": {
-                  "version_added": "69"
-                },
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": "65"
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": "mirror",
-                "opera_android": "mirror",
-                "safari": {
-                  "version_added": "11"
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": "mirror",
-                "webview_android": "mirror",
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "safe-area-inset-right": {
-            "__compat": {
-              "description": "Safe area inset variable `safe-area-inset-right`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
-              "tags": [
-                "web-features:safe-area-inset"
-              ],
-              "support": {
-                "chrome": {
-                  "version_added": "69"
-                },
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": "65"
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": "mirror",
-                "opera_android": "mirror",
-                "safari": {
-                  "version_added": "11"
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": "mirror",
-                "webview_android": "mirror",
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "safe-area-inset-top": {
-            "__compat": {
-              "description": "Safe area inset variable `safe-area-inset-top`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
-              "tags": [
-                "web-features:safe-area-inset"
-              ],
-              "support": {
-                "chrome": {
-                  "version_added": "69"
-                },
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": "65"
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": "mirror",
-                "opera_android": "mirror",
-                "safari": {
-                  "version_added": "11"
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": "mirror",
-                "webview_android": "mirror",
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "titlebar-area-height": {
-            "__compat": {
-              "description": "Window Controls Overlay variable `titlebar-area-height`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
-              "tags": [
-                "web-features:window-controls-overlay"
-              ],
-              "support": {
-                "chrome": [
-                  {
-                    "version_added": "93"
-                  },
-                  {
-                    "version_added": "92",
-                    "version_removed": "93",
-                    "partial_implementation": true,
-                    "notes": "Before version 93, Linux is unsupported."
-                  }
-                ],
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": false
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": {
-                  "version_added": "78"
-                },
-                "opera_android": {
-                  "version_added": "65"
-                },
-                "safari": {
-                  "version_added": false
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": {
-                  "version_added": "17.0"
-                },
-                "webview_android": {
-                  "version_added": false
-                },
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "titlebar-area-width": {
-            "__compat": {
-              "description": "Window Controls Overlay variable `titlebar-area-width`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
-              "tags": [
-                "web-features:window-controls-overlay"
-              ],
-              "support": {
-                "chrome": [
-                  {
-                    "version_added": "93"
-                  },
-                  {
-                    "version_added": "92",
-                    "version_removed": "93",
-                    "partial_implementation": true,
-                    "notes": "Before version 93, Linux is unsupported."
-                  }
-                ],
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": false
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": {
-                  "version_added": "78"
-                },
-                "opera_android": {
-                  "version_added": "65"
-                },
-                "safari": {
-                  "version_added": false
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": {
-                  "version_added": "17.0"
-                },
-                "webview_android": {
-                  "version_added": false
-                },
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "titlebar-area-x": {
-            "__compat": {
-              "description": "Window Controls Overlay variable `titlebar-area-x`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
-              "tags": [
-                "web-features:window-controls-overlay"
-              ],
-              "support": {
-                "chrome": [
-                  {
-                    "version_added": "93"
-                  },
-                  {
-                    "version_added": "92",
-                    "version_removed": "93",
-                    "partial_implementation": true,
-                    "notes": "Before version 93, Linux is unsupported."
-                  }
-                ],
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": false
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": {
-                  "version_added": "78"
-                },
-                "opera_android": {
-                  "version_added": "65"
-                },
-                "safari": {
-                  "version_added": false
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": {
-                  "version_added": "17.0"
-                },
-                "webview_android": {
-                  "version_added": false
-                },
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          },
-          "titlebar-area-y": {
-            "__compat": {
-              "description": "Window Controls Overlay variable `titlebar-area-y`",
-              "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
-              "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
-              "tags": [
-                "web-features:window-controls-overlay"
-              ],
-              "support": {
-                "chrome": [
-                  {
-                    "version_added": "93"
-                  },
-                  {
-                    "version_added": "92",
-                    "version_removed": "93",
-                    "partial_implementation": true,
-                    "notes": "Before version 93, Linux is unsupported."
-                  }
-                ],
-                "chrome_android": "mirror",
-                "edge": "mirror",
-                "firefox": {
-                  "version_added": false
-                },
-                "firefox_android": "mirror",
-                "ie": {
-                  "version_added": false
-                },
-                "oculus": "mirror",
-                "opera": {
-                  "version_added": "78"
-                },
-                "opera_android": {
-                  "version_added": "65"
-                },
-                "safari": {
-                  "version_added": false
-                },
-                "safari_ios": "mirror",
-                "samsunginternet_android": {
-                  "version_added": "17.0"
-                },
-                "webview_android": {
-                  "version_added": false
-                },
-                "webview_ios": "mirror"
-              },
-              "status": {
-                "experimental": false,
-                "standard_track": true,
-                "deprecated": false
-              }
-            }
-          }
-        },
         "var": {
           "__compat": {
             "description": "`var()`",
diff --git a/css/types/env.json b/css/types/env.json
new file mode 100644
index 00000000000000..94f45caf460bbb
--- /dev/null
+++ b/css/types/env.json
@@ -0,0 +1,428 @@
+{
+  "css": {
+    "types": {
+      "env": {
+        "__compat": {
+          "description": "`env()`",
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+          "spec_url": "https://drafts.csswg.org/css-env/#env-function",
+          "tags": [
+            "web-features:safe-area-inset"
+          ],
+          "support": {
+            "chrome": {
+              "version_added": "69"
+            },
+            "chrome_android": "mirror",
+            "edge": "mirror",
+            "firefox": {
+              "version_added": "65"
+            },
+            "firefox_android": "mirror",
+            "ie": {
+              "version_added": false
+            },
+            "oculus": "mirror",
+            "opera": "mirror",
+            "opera_android": "mirror",
+            "safari": [
+              {
+                "version_added": "11.1"
+              },
+              {
+                "alternative_name": "constant",
+                "version_added": "11",
+                "version_removed": "11.1"
+              }
+            ],
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": "mirror",
+            "webview_ios": "mirror"
+          },
+          "status": {
+            "experimental": false,
+            "standard_track": true,
+            "deprecated": false
+          }
+        },
+        "safe-area-inset-bottom": {
+          "__compat": {
+            "description": "Safe area inset variable `safe-area-inset-bottom`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
+            "tags": [
+              "web-features:safe-area-inset"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "69"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "65"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "11"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "safe-area-inset-left": {
+          "__compat": {
+            "description": "Safe area inset variable `safe-area-inset-left`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
+            "tags": [
+              "web-features:safe-area-inset"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "69"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "65"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "11"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "safe-area-inset-right": {
+          "__compat": {
+            "description": "Safe area inset variable `safe-area-inset-right`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
+            "tags": [
+              "web-features:safe-area-inset"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "69"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "65"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "11"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "safe-area-inset-top": {
+          "__compat": {
+            "description": "Safe area inset variable `safe-area-inset-top`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://drafts.csswg.org/css-env/#safe-area-insets",
+            "tags": [
+              "web-features:safe-area-inset"
+            ],
+            "support": {
+              "chrome": {
+                "version_added": "69"
+              },
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": "65"
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": "mirror",
+              "opera_android": "mirror",
+              "safari": {
+                "version_added": "11"
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": "mirror",
+              "webview_android": "mirror",
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "titlebar-area-height": {
+          "__compat": {
+            "description": "Window Controls Overlay variable `titlebar-area-height`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
+            "tags": [
+              "web-features:window-controls-overlay"
+            ],
+            "support": {
+              "chrome": [
+                {
+                  "version_added": "93"
+                },
+                {
+                  "version_added": "92",
+                  "version_removed": "93",
+                  "partial_implementation": true,
+                  "notes": "Before version 93, Linux is unsupported."
+                }
+              ],
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "78"
+              },
+              "opera_android": {
+                "version_added": "65"
+              },
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": {
+                "version_added": "17.0"
+              },
+              "webview_android": {
+                "version_added": false
+              },
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "titlebar-area-width": {
+          "__compat": {
+            "description": "Window Controls Overlay variable `titlebar-area-width`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
+            "tags": [
+              "web-features:window-controls-overlay"
+            ],
+            "support": {
+              "chrome": [
+                {
+                  "version_added": "93"
+                },
+                {
+                  "version_added": "92",
+                  "version_removed": "93",
+                  "partial_implementation": true,
+                  "notes": "Before version 93, Linux is unsupported."
+                }
+              ],
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "78"
+              },
+              "opera_android": {
+                "version_added": "65"
+              },
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": {
+                "version_added": "17.0"
+              },
+              "webview_android": {
+                "version_added": false
+              },
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "titlebar-area-x": {
+          "__compat": {
+            "description": "Window Controls Overlay variable `titlebar-area-x`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
+            "tags": [
+              "web-features:window-controls-overlay"
+            ],
+            "support": {
+              "chrome": [
+                {
+                  "version_added": "93"
+                },
+                {
+                  "version_added": "92",
+                  "version_removed": "93",
+                  "partial_implementation": true,
+                  "notes": "Before version 93, Linux is unsupported."
+                }
+              ],
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "78"
+              },
+              "opera_android": {
+                "version_added": "65"
+              },
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": {
+                "version_added": "17.0"
+              },
+              "webview_android": {
+                "version_added": false
+              },
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        },
+        "titlebar-area-y": {
+          "__compat": {
+            "description": "Window Controls Overlay variable `titlebar-area-y`",
+            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/env",
+            "spec_url": "https://wicg.github.io/window-controls-overlay/#title-bar-area-env-variables",
+            "tags": [
+              "web-features:window-controls-overlay"
+            ],
+            "support": {
+              "chrome": [
+                {
+                  "version_added": "93"
+                },
+                {
+                  "version_added": "92",
+                  "version_removed": "93",
+                  "partial_implementation": true,
+                  "notes": "Before version 93, Linux is unsupported."
+                }
+              ],
+              "chrome_android": "mirror",
+              "edge": "mirror",
+              "firefox": {
+                "version_added": false
+              },
+              "firefox_android": "mirror",
+              "ie": {
+                "version_added": false
+              },
+              "oculus": "mirror",
+              "opera": {
+                "version_added": "78"
+              },
+              "opera_android": {
+                "version_added": "65"
+              },
+              "safari": {
+                "version_added": false
+              },
+              "safari_ios": "mirror",
+              "samsunginternet_android": {
+                "version_added": "17.0"
+              },
+              "webview_android": {
+                "version_added": false
+              },
+              "webview_ios": "mirror"
+            },
+            "status": {
+              "experimental": false,
+              "standard_track": true,
+              "deprecated": false
+            }
+          }
+        }
+      }
+    }
+  }
+}

From e6de5aeef856e874529c2c70904c7be1ae594f7b Mon Sep 17 00:00:00 2001
From: Claas Augner <caugner@mozilla.com>
Date: Tue, 18 Feb 2025 17:05:10 +0100
Subject: [PATCH 2/2] Move CSS `var()` function into `css.types.*`

---
 css/properties/custom-property.json | 43 -------------------------
 css/types/var.json                  | 49 +++++++++++++++++++++++++++++
 2 files changed, 49 insertions(+), 43 deletions(-)
 create mode 100644 css/types/var.json

diff --git a/css/properties/custom-property.json b/css/properties/custom-property.json
index a79ba638532357..b2108569816367 100644
--- a/css/properties/custom-property.json
+++ b/css/properties/custom-property.json
@@ -40,49 +40,6 @@
             "standard_track": true,
             "deprecated": false
           }
-        },
-        "var": {
-          "__compat": {
-            "description": "`var()`",
-            "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var",
-            "spec_url": "https://drafts.csswg.org/css-variables/#using-variables",
-            "tags": [
-              "web-features:custom-properties"
-            ],
-            "support": {
-              "chrome": {
-                "version_added": "49"
-              },
-              "chrome_android": "mirror",
-              "edge": {
-                "version_added": "15"
-              },
-              "firefox": {
-                "version_added": "31"
-              },
-              "firefox_android": "mirror",
-              "ie": {
-                "version_added": false
-              },
-              "oculus": "mirror",
-              "opera": "mirror",
-              "opera_android": "mirror",
-              "safari": {
-                "version_added": "9.1"
-              },
-              "safari_ios": "mirror",
-              "samsunginternet_android": "mirror",
-              "webview_android": {
-                "version_added": "50"
-              },
-              "webview_ios": "mirror"
-            },
-            "status": {
-              "experimental": false,
-              "standard_track": true,
-              "deprecated": false
-            }
-          }
         }
       }
     }
diff --git a/css/types/var.json b/css/types/var.json
new file mode 100644
index 00000000000000..d1e1bdbf10ca92
--- /dev/null
+++ b/css/types/var.json
@@ -0,0 +1,49 @@
+{
+  "css": {
+    "types": {
+      "var": {
+        "__compat": {
+          "description": "`var()`",
+          "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/var",
+          "spec_url": "https://drafts.csswg.org/css-variables/#using-variables",
+          "tags": [
+            "web-features:custom-properties"
+          ],
+          "support": {
+            "chrome": {
+              "version_added": "49"
+            },
+            "chrome_android": "mirror",
+            "edge": {
+              "version_added": "15"
+            },
+            "firefox": {
+              "version_added": "31"
+            },
+            "firefox_android": "mirror",
+            "ie": {
+              "version_added": false
+            },
+            "oculus": "mirror",
+            "opera": "mirror",
+            "opera_android": "mirror",
+            "safari": {
+              "version_added": "9.1"
+            },
+            "safari_ios": "mirror",
+            "samsunginternet_android": "mirror",
+            "webview_android": {
+              "version_added": "50"
+            },
+            "webview_ios": "mirror"
+          },
+          "status": {
+            "experimental": false,
+            "standard_track": true,
+            "deprecated": false
+          }
+        }
+      }
+    }
+  }
+}