From e924dd1e2c7b99b856688b2a3fed2edab8edb377 Mon Sep 17 00:00:00 2001
From: Maikel <maikel.van.dort@gmail.com>
Date: Tue, 24 Dec 2024 14:47:35 +0100
Subject: [PATCH 1/4] feat: add container at rule

---
 css/at-rules.json | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/css/at-rules.json b/css/at-rules.json
index 1cd7298d1..f271e353d 100644
--- a/css/at-rules.json
+++ b/css/at-rules.json
@@ -120,6 +120,20 @@
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@counter-style"
   },
+  "@container": {
+    "syntax": "@container <container-condition># {\n  <block-contents>\n}",
+    "interfaces": [
+      "CSSGroupingRule",
+      "CSSConditionRule",
+      "CSSContainerRule"
+    ],
+    "groups": [
+      "CSS Conditional Rules",
+      "CSS Containment"
+    ],
+    "status": "standard",
+    "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@container"
+  },
   "@document": {
     "syntax": "@document [ <url> | url-prefix(<string>) | domain(<string>) | media-document(<string>) | regexp(<string>) ]# {\n  <group-rule-body>\n}",
     "interfaces": [

From 067b6982a6cba5dae23917bd05f02b16f8e73546 Mon Sep 17 00:00:00 2001
From: Maikel <maikel.van.dort@gmail.com>
Date: Wed, 25 Dec 2024 21:39:32 +0100
Subject: [PATCH 2/4] fix: feedback

---
 css/at-rules.json | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/css/at-rules.json b/css/at-rules.json
index f271e353d..4a6785020 100644
--- a/css/at-rules.json
+++ b/css/at-rules.json
@@ -121,15 +121,12 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@counter-style"
   },
   "@container": {
-    "syntax": "@container <container-condition># {\n  <block-contents>\n}",
+    "syntax": "@container <container-condition># {\n  <group-rule-body>\n}",
     "interfaces": [
-      "CSSGroupingRule",
-      "CSSConditionRule",
       "CSSContainerRule"
     ],
     "groups": [
-      "CSS Conditional Rules",
-      "CSS Containment"
+      "CSS Conditional Rules"
     ],
     "status": "standard",
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/@container"

From 1b3c5d7cb1c261ef6bbb43d43267323a4be6dec7 Mon Sep 17 00:00:00 2001
From: Maikel <maikel.van.dort@gmail.com>
Date: Mon, 20 Jan 2025 11:19:24 +0100
Subject: [PATCH 3/4] add syntaxes

---
 css/syntaxes.json | 33 +++++++++++++++++++++++++++++++++
 1 file changed, 33 insertions(+)

diff --git a/css/syntaxes.json b/css/syntaxes.json
index 20e41cd81..bd91e068a 100644
--- a/css/syntaxes.json
+++ b/css/syntaxes.json
@@ -206,6 +206,39 @@
   "conic-gradient()": {
     "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
   },
+  "container-name": {
+    "syntax": "<custom-ident>"
+  },
+  "container-query": {
+    "syntax": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
+  },
+  "query-in-parens": {
+    "syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
+  },
+  "style-query": {
+    "syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature> "
+  },
+  "style-in-parens": {
+    "syntax": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
+  },
+  "scroll-state-query": {
+    "syntax": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>  "
+  },
+  "scroll-state-in-parens": {
+    "syntax": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
+  },
+  "scroll-state-feature": {
+    "syntax": "<media-feature>"
+  },
+  "size-feature": {
+    "syntax": "<media-feature>"
+  },
+  "style-feature": {
+    "syntax": "<declaration>: <declaration-value> | <custom-property-name>: <declaration-value>"
+  },
+  "container-condition": {
+    "syntax": "[ <container-name>? <container-query>? ]!"
+  },
   "content-distribution": {
     "syntax": "space-between | space-around | space-evenly | stretch"
   },

From 894533351de573f3f59e4bcf25095a03a4380d74 Mon Sep 17 00:00:00 2001
From: Maikel <maikel.van.dort@gmail.com>
Date: Fri, 24 Jan 2025 00:07:03 +0100
Subject: [PATCH 4/4] fix: feedback

---
 css/syntaxes.json | 54 +++++++++++++++++++++++------------------------
 1 file changed, 27 insertions(+), 27 deletions(-)

diff --git a/css/syntaxes.json b/css/syntaxes.json
index bd91e068a..e2d577f05 100644
--- a/css/syntaxes.json
+++ b/css/syntaxes.json
@@ -206,39 +206,15 @@
   "conic-gradient()": {
     "syntax": "conic-gradient( [ from <angle> ]? [ at <position> ]?, <angular-color-stop-list> )"
   },
+  "container-condition": {
+    "syntax": "[ <container-name>? <container-query>? ]!"
+  },
   "container-name": {
     "syntax": "<custom-ident>"
   },
   "container-query": {
     "syntax": "not <query-in-parens> | <query-in-parens> [ [ and <query-in-parens> ]* | [ or <query-in-parens> ]* ]"
   },
-  "query-in-parens": {
-    "syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
-  },
-  "style-query": {
-    "syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature> "
-  },
-  "style-in-parens": {
-    "syntax": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
-  },
-  "scroll-state-query": {
-    "syntax": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>  "
-  },
-  "scroll-state-in-parens": {
-    "syntax": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
-  },
-  "scroll-state-feature": {
-    "syntax": "<media-feature>"
-  },
-  "size-feature": {
-    "syntax": "<media-feature>"
-  },
-  "style-feature": {
-    "syntax": "<declaration>: <declaration-value> | <custom-property-name>: <declaration-value>"
-  },
-  "container-condition": {
-    "syntax": "[ <container-name>? <container-query>? ]!"
-  },
   "content-distribution": {
     "syntax": "space-between | space-around | space-evenly | stretch"
   },
@@ -743,6 +719,9 @@
   "pseudo-page": {
     "syntax": ": [ left | right | first | blank ]"
   },
+  "query-in-parens": {
+    "syntax": "( <container-query> ) | ( <size-feature> ) | style( <style-query> ) | scroll-state( <scroll-state-query> ) | <general-enclosed>"
+  },
   "quote": {
     "syntax": "open-quote | close-quote | no-open-quote | no-close-quote"
   },
@@ -845,6 +824,15 @@
   "scroller": {
     "syntax": "root | nearest | self"
   },
+  "scroll-state-feature": {
+    "syntax": "<media-query-list>"
+  },
+  "scroll-state-in-parens": {
+    "syntax": "( <scroll-state-query> ) | ( <scroll-state-feature> ) | <general-enclosed>"
+  },
+  "scroll-state-query": {
+    "syntax": "not <scroll-state-in-parens> | <scroll-state-in-parens> [ [ and <scroll-state-in-parens> ]* | [ or <scroll-state-in-parens> ]* ] | <scroll-state-feature>  "
+  },
   "selector-list": {
     "syntax": "<complex-selector-list>"
   },
@@ -908,6 +896,9 @@
   "size": {
     "syntax": "closest-side | farthest-side | closest-corner | farthest-corner | <length> | <length-percentage>{2}"
   },
+  "size-feature": {
+    "syntax": "<media-query-list>"
+  },
   "skew()": {
     "syntax": "skew( [ <angle> | <zero> ] , [ <angle> | <zero> ]? )"
   },
@@ -926,6 +917,15 @@
   "step-timing-function": {
     "syntax": "step-start | step-end | steps(<integer>[, <step-position>]?)"
   },
+  "style-feature": {
+    "syntax": "<declaration>"
+  },
+  "style-in-parens": {
+    "syntax": "( <style-query> ) | ( <style-feature> ) | <general-enclosed>"
+  },
+  "style-query": {
+    "syntax": "not <style-in-parens> | <style-in-parens> [ [ and <style-in-parens> ]* | [ or <style-in-parens> ]* ] | <style-feature> "
+  },
   "subclass-selector": {
     "syntax": "<id-selector> | <class-selector> | <attribute-selector> | <pseudo-class-selector>"
   },