Add anchor-position-1.vim

https://www.w3.org/TR/2024/WD-css-anchor-position-1-20240314/

Author: hail2u

after/syntax/css/anchor-position-1.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained anchor-name anchor-scope inset-area position-anchor position-try position-try-options position-try-order
+syn keyword cssFontAttr contained span-left span-right span-x-start span-x-end x-self-start x-self-end span-x-self-start span-x-self-end span-all span-top span-bottom span-y-start span-y-end y-self-start y-self-end span-y-self-start span-y-self-end block-start block-end span-block-start span-block-end self-block-start self-block-end span-self-block-start span-self-block-end inline-start inline-end span-inline-start span-inline-end self-inline-start self-inline-end span-self-inline-start span-self-inline-end span-start span-end self-start self-end span-self-start span-self-end implicit most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

test/test.css

@@ -10,6 +10,57 @@
 	display: legacy;
 }
 
+@position-try --anchor-position-1 {
+	anchor-name: auto;
+	anchor-scope: auto;
+	inset-area: auto;
+	position-anchor: auto;
+	position-try: auto;
+	position-try-options: auto;
+	position-try-order: auto;
+	display: span-left;
+	display: span-right;
+	display: span-x-start;
+	display: span-x-end;
+	display: x-self-start;
+	display: x-self-end;
+	display: span-x-self-start;
+	display: span-x-self-end;
+	display: span-all;
+	display: span-top;
+	display: span-bottom;
+	display: span-y-start;
+	display: span-y-end;
+	display: y-self-start;
+	display: y-self-end;
+	display: span-y-self-start;
+	display: span-y-self-end;
+	display: span-block-start;
+	display: span-block-end;
+	display: self-block-start;
+	display: self-block-end;
+	display: span-self-block-start;
+	display: span-self-block-end;
+	display: span-inline-start;
+	display: span-inline-end;
+	display: self-inline-start;
+	display: self-inline-end;
+	display: span-self-inline-start;
+	display: span-self-inline-end;
+	display: span-start;
+	display: span-end;
+	display: span-self-start;
+	display: span-self-end;
+	display: implicit;
+	display: most-width;
+	display: most-height;
+	display: most-block-size;
+	display: most-inline-size;
+	display: flip-block;
+	display: flip-inline;
+	display: flip-start
+}
+
 .animations-1 {
 	display: auto;
 }