1.4.0

https://www.w3.org/TR/2019/WD-css-properties-values-api-1-20191025/

README.md

@@ -89,7 +89,7 @@ Kyo Nagashima <hail2u@gmail.com> (https://kyonagashima.com/)
 LICENSE
 -------
 
-MIT: http://hail2u.mit-license.org/2011
+MIT License
 
 
 [1]: http://www.vim.org/

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,2 @@
-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/color-adjust.vim

@@ -0,0 +1,3 @@
+syn match cssColorProp contained "\<\(forced-\)\=color-adjust\>"
+syn match cssColorProp contained "\<color-scheme\>"
+syn keyword cssFontAttr contained only economy exact

after/syntax/css/images-3.vim

@@ -1,6 +1,6 @@
 syn match cssFontProp contained "\<object-\(fit\|position\)\>"
 syn match cssFontProp contained "\<image-orientation\>"
-syn keyword cssFontAttr contained snap
+syn keyword cssFontAttr contained snap flip
 syn match cssFontAttr contained "\<scale-down\>"
 syn match cssFontAttr contained "\<from-image\>"
 syn region cssFunction contained matchgroup=cssFunctionName start="\<\(repeating-\(linear\|radial\)-gradient\)\s*(" end=")" oneline keepend

after/syntax/css/lists-3.vim

@@ -1,6 +1,7 @@
+" WD-css-lists-3-20190817
 syn match cssGeneratedContentProp contained "\<marker-side\>"
 syn match cssGeneratedContentProp contained "\<counter-set\>"
 syn keyword cssGeneratedContentAttr contained marker
+syn match cssGeneratedContentAttr contained "\<match-self\>"
 syn match cssGeneratedContentAttr contained "\<list-container\>"
-syn keyword cssPseudoClassId contained marker
 syn region cssFunction contained matchgroup=cssFunctionName start="\<counters\s*(" end=")" oneline keepend

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/nav-1.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<spatial-navigation-\(action\|contain\)\>"
+syn keyword cssFontAttr contained focus

after/syntax/css/overscroll-1.vim

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<overscroll-behavior\(-\(block\|inline\|x\|y\)\)\=\>"

after/syntax/css/page-3.vim

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

after/syntax/css/properties-values-api-1.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained syntax inherits
+syn match cssFontProp contained "\<initial-value\>"

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

@@ -1 +1 @@
-syn region cssPseudoClassLang matchgroup=cssPseudoClassId start="::attr(" end=")" oneline
+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 {
@@ -79,20 +88,27 @@
 }
 
 .color-4 {
-  color-adjust: auto;
   display: hwb(120deg, 44%, 50%);
   display: lab(1 2 3);
   display: lch(4 5 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 {
   src: url("http://example.org/swop-coated.icc");
 }
 
+.color-adjust-1 {
+  color-scheme: auto;
+  forced-color-adjust: auto;
+  color-adjust: auto;
+  display: only;
+  display: economy;
+  display: exact;
+}
+
 .compositing-1 {
   mix-blend-mode: auto;
   isolation: auto;
@@ -129,6 +145,10 @@
   display: size;
 }
 
+.contain-2 {
+  display: auto;
+}
+
 .content-3 {
   string-set: auto;
   bookmark-level: auto;
@@ -228,6 +248,10 @@
   display: ruby-text-group;
 }
 
+.easing-1 {
+  display: auto;
+}
+
 .exclusions-3 {
   wrap-flow: auto;
   wrap-through: auto;
@@ -407,6 +431,7 @@ template {
   object-position: auto;
   image-orientation: auto;
   display: snap;
+  display: flip;
   display: scale-down;
   display: from-image;
   display: repeating-linear-gradient(to bottom, yellow, blue);
@@ -450,7 +475,7 @@ template {
 .lists-3::marker {
   marker-side: auto;
   counter-set: auto;
-  display: marker;
+  display: match-self;
   display: list-container;
   display: counters(lack-of-example);
 }
@@ -552,6 +577,7 @@ mask {
 .motion-1 {
   offset-path: auto;
   offset-distance: auto;
+  offset-position: auto;
   offset-anchor: auto;
   offset-rotate: auto;
   offset: auto;
@@ -567,6 +593,12 @@ mask {
   display: auto;
 }
 
+.nav-1 {
+  spatial-navigation-contain: auto;
+  spatial-navigation-action: auto;
+  display: focus;
+}
+
 .overflow-3 {
   max-lines: auto;
   block-overflow: auto;
@@ -585,9 +617,17 @@ mask {
   display: fragments;
 }
 
+.overscroll-1 {
+  overscroll-behavior: auto;
+  overscroll-behavior-block: auto;
+  overscroll-behavior-inline: auto;
+  overscroll-behavior-x: auto;
+  overscroll-behavior-y: auto;
+}
+
 .page-3 {
-  display: recto;
-  display: verso;
+  marks: auto;
+  bleed: auto;
 }
 
 .page-floats-3 {
@@ -622,7 +662,9 @@ mask {
 }
 
 .properties-values-api-1 {
-  display: auto;
+  syntax: auto;
+  inherits: auto;
+  initial-value: auto;
 }
 
 .pseudo-4::inactive-selection,
@@ -753,7 +795,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 +807,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 +815,10 @@ mask {
   display: auto;
 }
 
+.shadow-parts::part(textspan) {
+  display: auto;
+}
+
 .shapes-1 {
   shape-outside: auto;
   shape-image-threshold: auto;
@@ -920,6 +966,8 @@ view {
   display: each-line;
   display: full-width;
   display: anywhere;
+  display: justify-all;
+  display: break-spaces;
 }
 
 .text-4 {
@@ -1001,7 +1049,7 @@ view {
 }
 
 .transforms-1 {
-  display: flat;
+  transform-box: auto;
 }
 
 .transitions-1 {