1.2.1

See also: https://www.w3.org/TR/2019/WD-css-color-4-20190305/

after/syntax/css/box-3.vim

@@ -1,3 +1,5 @@
+syn match cssBoxProp contained "\<margin-trim\>"
+syn match cssBoxAttr contained "\<in-flow\>"
 " These will be moved to block-3
 syn match cssBoxProp contained "\<clear-after\>"
 syn match cssBoxProp contained "\<float-displace\>"

after/syntax/css/break-3.vim

@@ -0,0 +1 @@
+syn keyword cssFontAttr contained recto verso

after/syntax/css/break-4.vim

@@ -0,0 +1,2 @@
+syn match cssBoxProp contained "\<margin-break\>"
+syn keyword cssFontAttr contained keep

after/syntax/css/color-4.vim

@@ -1,3 +1,3 @@
 syn match cssColorProp contained "\<color-adjust\>"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\|color-mod\=\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(hwb\|lab\|lch\|gray\|color\|device-cmyk\=\)\s*(" end=")" oneline keepend
 syn match cssFontDescriptor "@color-profile\>" nextgroup=cssFontDescriptorBlock skipwhite skipnl

after/syntax/css/motion-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset\(-\(path\|distance\|anchor\|rotate\)\)\=\>"
+syn match cssFontProp contained "\<offset\(-\(path\|distance\|position\|anchor\|rotate\)\)\=\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(ray\|path\)\s*(" end=")" oneline keepend

after/syntax/css/page-3.vim

@@ -1 +1 @@
-syn keyword cssFontAttr contained recto verso
+syn keyword cssFontProp contained marks bleed

after/syntax/css/selectors-4.vim

@@ -7,4 +7,4 @@ syn match cssPseudoClassId contained "\<\(in\|out-of\)-range\>"
 syn match cssPseudoClassId contained "\<user-invalid\>"
 syn match cssPseudoClassId contained "\<target-within\>"
 syn match cssPseudoClassId contained "\<focus-\(within\|visible\)\>"
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(matches\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|drop\)(" end=")" oneline
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":\(is\|dir\|local-link\|current\|nth\(-last\)\=-col\|has\|where\)(" end=")" oneline

after/syntax/css/shadow-parts-1.vim

@@ -0,0 +1 @@
+syn region cssPseudoClassLang matchgroup=cssPseudoClassId start=":part(" end=")" oneline

after/syntax/css/text-3.vim

@@ -7,3 +7,5 @@ syn keyword cssTextAttr contained manual loose strict hanging anywhere
 syn match cssTextAttr contained "\<match-parent\>"
 syn match cssTextAttr contained "\<each-line\>"
 syn match cssTextAttr contained "\<full-width\>"
+syn match cssTextAttr contained "\<justify-all\>"
+syn match cssTextAttr contained "\<break-spaces\>"

after/syntax/css/transforms-1.vim

@@ -1 +1 @@
-syn keyword cssFontAttr contained flat
+syn match cssFontProp contained "\<transform-box\>"

test/test.css

@@ -43,6 +43,9 @@
 }
 
 .box-3 {
+  margin-trim: auto;
+  display: in-flow;
+  /* .block-3 */
   clear-after: auto;
   float-displace: auto;
   indent-edge-reset: auto;
@@ -59,7 +62,13 @@
 }
 
 .break-3 {
-  display: auto;
+  display: recto;
+  display: verso;
+}
+
+.break-4 {
+  margin-break: auto;
+  display: keep;
 }
 
 .cascade-3 {
@@ -86,7 +95,6 @@
   display: gray(50%);
   display: color(swopc, 0 206 190 77);
   display: device-cmyk(0, 81%, 81%, 30%);
-  display: color-mod(#112233 tint(50%));
 }
 
 @color-profile swopc {
@@ -228,6 +236,10 @@
   display: ruby-text-group;
 }
 
+.easing-1 {
+  display: auto;
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -552,6 +564,7 @@ mask {
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
+  offset-position: auto;
   offset-anchor: auto;
   offset-rotate: auto;
   offset: auto;
@@ -586,8 +599,8 @@ mask {
 }
 
 .page-3 {
-  display: recto;
-  display: verso;
+  marks: auto;
+  bleed: auto;
 }
 
 .page-floats-3 {
@@ -753,7 +766,7 @@ mask {
 .selectors-4:in-range,
 .selectors-4:out-of-range,
 .selectors-4:user-invalid,
-.selectors-4:matches(:hover, :focus),
+.selectors-4:is(:hover, :focus),
 .selectors-4:dir(ltr),
 .selectors-4:local-link(0),
 .selectors-4:current(p, li, dt, dd),
@@ -765,7 +778,7 @@ mask {
 .selectors-4:playing,
 .selectors-4:paused,
 .selectors-4:has(> img),
-.selectors-4:drop(active) {
+.selectors-4:where(:not(:hover)) {
   display: auto;
 }
 
@@ -773,6 +786,10 @@ mask {
   display: auto;
 }
 
+.shadow-parts::part(textspan) {
+  display: auto;
+}
+
 .shapes-1 {
   shape-outside: auto;
   shape-image-threshold: auto;
@@ -920,6 +937,8 @@ view {
   display: each-line;
   display: full-width;
   display: anywhere;
+  display: justify-all;
+  display: break-spaces;
 }
 
 .text-4 {
@@ -1001,7 +1020,7 @@ view {
 }
 
 .transforms-1 {
-  display: flat;
+  transform-box: auto;
 }
 
 .transitions-1 {