Add forms-1.vim

https://www.w3.org/TR/2025/WD-css-forms-1-20250325/

after/syntax/css/forms-1.vim

@@ -0,0 +1,5 @@
+syn keyword cssFontProp contained slider-orientation
+syn keyword cssFontAttr contained base left-to-right right-to-left top-to-bottom bottom-to-top
+syn keyword cssPseudoClassId contained picker-icon file-selector-button checkmark thumb track fill field-text clear-icon placeholder step-control step-up step-down field-component field-separator color-swatch low-value high-value optimal-value
+syn region cssPseudoClassFn contained matchgroup=cssFunctionName start="\<picker(" end=")" contains=cssStringQ,cssStringQQ
+syn region cssFunction contained matchgroup=cssFunctionName start="\<control-value\s*(" end=")" oneline keepend

after/syntax/css/grid-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained masonry-direction masonry-fill masonry-flow masonry masonry-template-tracks masonry-template-areas masonry-auto-tracks masonry-track-start masonry-track-end masonry-track masonry-slack
+syn keyword cssFontProp contained masonry-direction masonry-fill masonry-flow masonry masonry-template-tracks masonry-template-areas masonry-auto-tracks masonry-track-start masonry-track-end masonry-track masonry-slack item-track item-direction item-wrap item-cross item-pack item-slack item-flow
 syn keyword cssFontAttr contained masonry inline-masonry

test/test.css

@@ -340,11 +340,11 @@
 }
 
 .display-4 {
-	reading-flow: auto;
-	display: flex-visual;
-	display: flex-flow;
-	display: grid-rows;
-	display: grid-columns;
+  reading-flow: auto;
+  display: flex-visual;
+  display: flex-flow;
+  display: grid-rows;
+  display: grid-columns;
 }
 
 .easing-1 {
@@ -497,6 +497,35 @@
   override-color: 1 rgb(43, 12, 9);
 }
 
+.forms-1::picker(select),
+.forms-1::picker-icon,
+.forms-1::file-selector-button,
+.forms-1::checkmark,
+.forms-1::thumb,
+.forms-1::track,
+.forms-1::fill
+.forms-1::field-text,
+.forms-1::clear-icon,
+.forms-1::placeholder,
+.forms-1::field-text,
+.forms-1::step-control,
+.forms-1::step-up,
+.forms-1::step-down,
+.forms-1::field-component,
+.forms-1::field-separator,
+.forms-1::color-swatch,
+.forms-1:low-value,
+.forms-1:high-value,
+.forms-1:optimal-value {
+	slider-orientation: auto;
+	display: base;
+	display: control-value(<number>);
+	display: left-to-right;
+	display: right-to-left;
+	display: top-to-bottom;
+	display: bottom-to-top;
+}
+
 .gcpm-3::footnote-call,
 .gcpm-3::footnote-marker {
   running: auto;
@@ -536,6 +565,13 @@
   masonry-track-end: auto;
   masonry-track: auto;
   masonry-slack: auto;
+  item-track: auto;
+  item-direction: auto;
+  item-wrap: auto;
+  item-cross: auto;
+  item-pack: auto;
+  item-slack: auto;
+  item-flow: auto;
   display: masonry;
   display: inline-masonry;
 }
@@ -721,7 +757,7 @@ mask {
 }
 
 .multicol-2::column {
-	display: auto:
+  display: auto:
 }
 
 .namespace-3 {
@@ -767,7 +803,7 @@ mask {
 .overflow-5::scroll-marker-group,
 .overflow-5::scroll-marker,
 .overflow-5:target-current {
-	sroll-marker-group: auto;
+  sroll-marker-group: auto;
 }
 
 .overscroll-1 {