2.5.0

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

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

@@ -1,4 +1,4 @@
-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 anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
+syn keyword cssFontProp contained anchor-name anchor-scope position-area position-anchor position-try position-try-fallbacks position-try-order position-visibility
+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 anchor-center most-width most-height most-block-size most-inline-size flip-block flip-inline flip-start
 syn region cssFunction contained matchgroup=cssFunctionName start="\<anchor\(-size\)\=\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@position-try\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/conditional-5.vim

@@ -1 +1,3 @@
+syn keyword cssFontProp contained container-type container-name container
+syn keyword cssFontAttr contained inline-size
 syn match cssFontDescriptor "@\(when\|else\)\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/easing-2.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<linear\s*(" end=")" oneline contains=cssValueInteger,cssValueNumber,cssValueLength,cssFunctionComma

after/syntax/css/grid-3.vim

@@ -0,0 +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 cssFontAttr contained masonry inline-masonry

after/syntax/css/inline-3.vim

@@ -1,2 +1,2 @@
-syn keyword cssFontProp contained dominant-baseline alignment-baseline baseline-shift baseline-source text-box-edge text-box-trim inline-sizing initial-letter initial-letter-align initial-letter-wrap
-syn keyword cssFontAttr contained central mathematical leading cap ex drop raise ideographic ideographic-ink
+syn keyword cssFontProp contained dominant-baseline alignment-baseline baseline-shift baseline-source line-fit-edge text-box text-box-edge text-box-trim inline-sizing initial-letter initial-letter-align initial-letter-wrap
+syn keyword cssFontAttr contained central mathematical leading cap ex drop raise ideographic ideographic-ink trim-start trim-end

after/syntax/css/scroll-snap-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained scroll-start-target
+syn keyword cssPseudoClassId contained snapped snapped-x snapped-y snapped-block snapped-inline

after/syntax/css/values-5.vim

@@ -0,0 +1,3 @@
+syn keyword cssFontProp contained interpolate-size
+syn keyword cssFontAttr contained numeric-only allow-keyword
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(\(\(media\|container\)-\)\=progress\|\(\(calc\|transform\)-\)\=mix\|cross-fade\|first-valid\|toggle\|random\(-item\)\=\|sibling-\(count\|index\)\|calc-size\)\s*(" end=")" oneline keepend

test/test.css

@@ -13,11 +13,12 @@
 @position-try --anchor-position-1 {
   anchor-name: auto;
   anchor-scope: auto;
-	inset-area: auto;
+  position-area: auto;
   position-anchor: auto;
   position-try: auto;
-	position-try-options: auto;
+  position-try-fallbacks: auto;
   position-try-order: auto;
+  position-visibility: auto;
   display: span-left;
   display: span-right;
   display: span-x-start;
@@ -51,7 +52,6 @@
   display: span-end;
   display: span-self-start;
   display: span-self-end;
-	display: implicit;
   display: anchor-center;
   display: most-width;
   display: most-height;
@@ -213,7 +213,10 @@
 
 @when media(screen) {
   .conditional-5 {
-		display: auto;
+    container-type: auto;
+    container-name: auto;
+    container: auto;
+    display: inline-size;
   }
 } @else {
   .conditional-5 {
@@ -333,6 +336,10 @@
   display: auto;
 }
 
+.easing-2 {
+  display: linear(0, 0.25, 1);
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -502,6 +509,22 @@
   display: auto;
 }
 
+.grid-3 {
+  masonry-direction: auto;
+  masonry-fill: auto;
+  masonry-flow: auto;
+  masonry: auto;
+  masonry-template-tracks: auto;
+  masonry-template-areas: auto;
+  masonry-auto-tracks: auto;
+  masonry-track-start: auto;
+  masonry-track-end: auto;
+  masonry-track: auto;
+  masonry-slack: auto;
+  display: masonry;
+  display: inline-masonry;
+}
+
 .highlight-api-1::highlight(test) {
   display: auto;
 }
@@ -535,6 +558,8 @@ template {
   alignment-baseline: auto;
   baseline-source: auto;
   baseline-shift: auto;
+  line-fit-edge: auto;
+  text-box: auto;
   text-box-edge: auto;
   text-box-trim: auto;
   inline-sizing: auto;
@@ -550,6 +575,9 @@ template {
   display: ideographic-ink;
   display: drop;
   display: raise;
+  display: trim-start;
+  display: trim-end;
+  display: trim-both;
 }
 
 .layout-api-1 {
@@ -904,6 +932,15 @@ mask {
   display: proximity;
 }
 
+.scroll-snap-2,
+.scroll-snap-2:snapped-x,
+.scroll-snap-2:snapped-y,
+.scroll-snap-3:snapped-inline,
+.scroll-snap-2:snapped-block,
+.scroll-snap-2:snapped {
+  scroll-start-target: auto;
+}
+
 .scrollbars-1 {
   scrollbar-color: auto;
   scrollbar-width: auto;
@@ -1332,6 +1369,27 @@ view {
   display: sign(-4);
 }
 
+.values-5 {
+  interpolate-size: auto;
+  display: numeric-only;
+  display: allow-keyword;
+  display: progress(1, 0, 100);
+  display: media-progress(width, 0, 100);
+  display: container-progress(width, 0, 100);
+  display: calc-mix(0.5, 0, 100);
+  display: color-mix(15%, black, white);
+  display: transform-mix(1, scale(0.5), rotate(10deg));
+  display: mix(90%, red, blue);
+  display: cross-fade(15%, url(foo.png), white);
+  display: toggle(italic, normal);
+  display: first-valid(center, none, 1px);
+  display: random(1, 10, by 1);
+  display: random-item(--x, red, yellow, green);
+  display: sibling-count();
+  display: sibling-index();
+  display: calc-size(any, 0px);
+}
+
 .variables-1 {
   display: auto;
 }
@@ -1345,7 +1403,7 @@ view {
 }
 
 .view-transitions-2:active-view-transition,
-.view-transitions-1:active-view-transition-type(slide-in) {
+.view-transitions-2:active-view-transition-type(slide-in) {
   view-transition-class: auto;
   navigation: auto;
   types: auto;