Add CSS containment features

features/contain-inline-size.dist.yml

@@ -0,0 +1,20 @@
+# Generated from: contain-inline-size.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: Inline-size containment
+description: "The `contain: inline-size` CSS declaration TODO."
+spec: https://drafts.csswg.org/css-contain-3/#containment-inline-size
+group: containment
+status:
+  baseline: low
+  baseline_low_date: 2022-09-12
+  support:
+    chrome: "105"
+    chrome_android: "105"
+    edge: "105"
+    firefox: "101"
+    firefox_android: "101"
+    safari: "16"
+    safari_ios: "16"
+compat_features:
+  - css.properties.contain.inline-size

features/contain-inline-size.yml

@@ -0,0 +1,6 @@
+name: Inline-size containment
+description: "The `contain: inline-size` CSS declaration TODO."
+spec: https://drafts.csswg.org/css-contain-3/#containment-inline-size
+group: containment
+compat_features:
+  - css.properties.contain.inline-size

features/contain-intrinsic-size.dist.yml

@@ -4,6 +4,7 @@
 name: contain-intrinsic-size
 description: The `contain-intrinsic-size` CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.
 spec: https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override
+group: containment
 # Shown as "intrinsic-size" on chromestatus.com, but 651 is contain-intrinsic-size.
 usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/651
 status:

features/contain-intrinsic-size.yml

@@ -1,6 +1,7 @@
 name: contain-intrinsic-size
 description: The `contain-intrinsic-size` CSS property sets the intrinsic size of an element. When using size containment, the browser will layout the element as if it had a single child of this size.
 spec: https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override
+group: containment
 # Shown as "intrinsic-size" on chromestatus.com, but 651 is contain-intrinsic-size.
 usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/651
 compat_features:

features/contain-style.dist.yml

@@ -0,0 +1,20 @@
+# Generated from: contain-style.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: Style containment
+description: "The `contain: style` CSS declaration TODO."
+spec: https://drafts.csswg.org/css-contain-2/#containment-style
+group: containment
+status:
+  baseline: low
+  baseline_low_date: 2022-07-26
+  support:
+    chrome: "52"
+    chrome_android: "52"
+    edge: "79"
+    firefox: "103"
+    firefox_android: "103"
+    safari: "15.4"
+    safari_ios: "15.4"
+compat_features:
+  - css.properties.contain.style

features/contain-style.yml

@@ -0,0 +1,6 @@
+name: Style containment
+description: "The `contain: style` CSS declaration TODO."
+spec: https://drafts.csswg.org/css-contain-2/#containment-style
+group: containment
+compat_features:
+  - css.properties.contain.style

features/contain.dist.yml

@@ -0,0 +1,28 @@
+# Generated from: contain.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+name: Containment
+description: The `contain` CSS property TODO.
+spec: https://drafts.csswg.org/css-contain-2/#contain-property
+group: containment
+caniuse: css-containment
+usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/517
+status:
+  baseline: low
+  baseline_low_date: 2022-03-14
+  support:
+    chrome: "52"
+    chrome_android: "52"
+    edge: "79"
+    firefox: "69"
+    firefox_android: "79"
+    safari: "15.4"
+    safari_ios: "15.4"
+compat_features:
+  - css.properties.contain
+  - css.properties.contain.content
+  - css.properties.contain.layout
+  - css.properties.contain.none
+  - css.properties.contain.paint
+  - css.properties.contain.size
+  - css.properties.contain.strict

features/contain.yml

@@ -0,0 +1,14 @@
+name: Containment
+description: The `contain` CSS property TODO.
+spec: https://drafts.csswg.org/css-contain-2/#contain-property
+group: containment
+caniuse: css-containment
+usage_stats: https://chromestatus.com/metrics/css/timeline/popularity/517
+compat_features:
+  - css.properties.contain
+  - css.properties.contain.content
+  - css.properties.contain.layout
+  - css.properties.contain.none
+  - css.properties.contain.paint
+  - css.properties.contain.size
+  - css.properties.contain.strict

groups/containment.yml

@@ -0,0 +1,4 @@
+# https://drafts.csswg.org/css-contain/ (any level) and containment-specific
+# things in other specs, like contain-intrinsic-size.
+name: Containment
+parent: css