fix: Update syntax for 'forced-color-adjust' & 'scale' properties, 'a…

…xis', 'color', 'scroller', 'system-color' types (#771) * Update aspect-ratio property * Update syntaxes for animation-timeline * Update forced-color-adjust * Add <syntax-color> * Add percentage to scale --------- Co-authored-by: Brian Thomas Smith <[email protected]>
mdn · Nov 5, 2024 · 39f2aed · 39f2aed
1 parent 8c66896
commit 39f2aed
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/css/properties.json b/css/properties.json
@@ -5550,7 +5550,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/font-weight"
   },
   "forced-color-adjust": {
-    "syntax": "auto | none",
+    "syntax": "auto | none | preserve-parent-color",
     "media": "visual",
     "inherited": true,
     "animationType": "notAnimatable",
@@ -8720,7 +8720,7 @@
     "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/ry"
   },
   "scale": {
-    "syntax": "none | <number>{1,3}",
+    "syntax": "none | [ <number> | <percentage> ]{1,3}",
     "media": "visual",
     "inherited": false,
     "animationType": "transform",

diff --git a/css/syntaxes.json b/css/syntaxes.json
@@ -57,7 +57,7 @@
     "syntax": "[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>? <auto-repeat>\n[ <line-names>? [ <fixed-size> | <fixed-repeat> ] ]* <line-names>?"
   },
   "axis": {
-    "syntax": "block | inline | vertical | horizontal"
+    "syntax": "block | inline | x | y"
   },
   "baseline-position": {
     "syntax": "[ first | last ]? baseline"
@@ -123,7 +123,7 @@
     "syntax": "<url>"
   },
   "color": {
-    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <light-dark()> | <hex-color> | <named-color> | currentcolor | <deprecated-system-color>"
+    "syntax": "<rgb()> | <rgba()> | <hsl()> | <hsla()> | <hwb()> | <lab()> | <lch()> | <oklab()> | <oklch()> | <color()> | <hex-color> | <named-color> | <system-color> | <deprecated-system-color> | currentcolor | transparent"
   },
   "color-stop": {
     "syntax": "<color-stop-length> | <color-stop-angle>"
@@ -714,7 +714,7 @@
     "syntax": "scroll( [ <axis> || <scroller> ]? )"
   },
   "scroller": {
-    "syntax": "root | nearest"
+    "syntax": "root | nearest | self"
   },
   "self-position": {
     "syntax": "center | start | end | self-start | self-end | flex-start | flex-end"
@@ -812,6 +812,9 @@
   "symbol": {
     "syntax": "<string> | <image> | <custom-ident>"
   },
+  "system-color": {
+    "syntax": "AccentColor | AccentColorText | ActiveText | ButtonBorder | ButtonFace | ButtonText | Canvas | CanvasText | Field | FieldText | GrayText | Highlight | HighlightText | LinkText | Mark | MarkText | SelectedItem | SelectedItemText | VisitedText"
+  },
   "tan()": {
     "syntax": "tan( <calc-sum> )"
   },