Add feature for range syntax for style queries (#3579)

Author: ddbeck

features/container-style-queries.yml

@@ -3,3 +3,5 @@ description: Container style queries with the `@container` at-rule apply styles
 spec: https://drafts.csswg.org/css-conditional-5/#style-container
 group: container-queries
 caniuse: css-container-queries-style
+compat_features:
+  - css.at-rules.container.style_queries_for_custom_properties

features/container-style-queries.yml.dist

@@ -4,23 +4,10 @@
 status:
   baseline: false
   support:
-    chrome: "142"
-    chrome_android: "142"
-    edge: "142"
+    chrome: "111"
+    chrome_android: "111"
+    edge: "111"
+    safari: "18"
+    safari_ios: "18"
 compat_features:
-  # baseline: false
-  # support:
-  #   chrome: "111"
-  #   chrome_android: "111"
-  #   edge: "111"
-  #   safari: "18"
-  #   safari_ios: "18"
   - css.at-rules.container.style_queries_for_custom_properties
-
-  # ⬇️ Same status as overall feature ⬇️
-  # baseline: false
-  # support:
-  #   chrome: "142"
-  #   chrome_android: "142"
-  #   edge: "142"
-  - css.at-rules.container.style_queries_for_custom_properties.range_syntax

features/style-query-range-syntax.yml

@@ -0,0 +1,9 @@
+name: Range syntax for style queries
+description: The `@container style()` CSS at-rule and `if(style())` CSS function queries accept a range syntax, such as `>`, `<`, `>=`, `<=`, to query for inexact values.
+spec: https://drafts.csswg.org/css-conditional-5/#typedef-style-range
+group: container-queries
+# This is a bit of an oddity, where someday this feature will split in two,
+# merging its constituent compat keys into `container-style-queries` and `if`.
+compat_features:
+  - css.types.if.style.range_syntax
+  - css.at-rules.container.style_queries_for_custom_properties.range_syntax

features/style-query-range-syntax.yml.dist

@@ -0,0 +1,12 @@
+# Generated from: style-query-range-syntax.yml
+# Do not edit this file by hand. Edit the source file instead!
+
+status:
+  baseline: false
+  support:
+    chrome: "142"
+    chrome_android: "142"
+    edge: "142"
+compat_features:
+  - css.at-rules.container.style_queries_for_custom_properties.range_syntax
+  - css.types.if.style.range_syntax