diff --git a/features/container-style-queries.yml b/features/container-style-queries.yml index 1bf8bf6a297..0b69fda048c 100644 --- a/features/container-style-queries.yml +++ b/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 diff --git a/features/container-style-queries.yml.dist b/features/container-style-queries.yml.dist index 65a73f29ca2..f01df2a68cd 100644 --- a/features/container-style-queries.yml.dist +++ b/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 diff --git a/features/style-query-range-syntax.yml b/features/style-query-range-syntax.yml new file mode 100644 index 00000000000..3206840ccff --- /dev/null +++ b/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 diff --git a/features/style-query-range-syntax.yml.dist b/features/style-query-range-syntax.yml.dist new file mode 100644 index 00000000000..b9362e12956 --- /dev/null +++ b/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