Follow changes in WD-css-pseudo-4-20160607

See also: https://www.w3.org/TR/2016/WD-css-pseudo-4-20160607/

after/syntax/css/css-align-3.vim

@@ -1,5 +1,5 @@
 " TODO: create cssAlignProp group and cssAlignAttr group
 syn match cssFontProp contained "\<\(justify\|align\)-\(self\|content\|items\)\>"
-syn keyword cssFontAttr contained safe true
+syn keyword cssFontAttr contained safe unsafe
 syn match cssFontAttr contained "\<\(self\|flex\)-\(start\|end\)\>"
 syn match cssFontAttr contained "\<space-\(between\|around\|evenly\)\>"

after/syntax/css/css-break-3.vim

@@ -1,4 +1,2 @@
-" TODO: create cssBreakProp group and cssBreakAttr group
 syn match cssFontProp contained "\<break-\(after\|before\|inside\)\>"
 syn match cssFontProp contained "\<box-decoration-break\>"
-syn keyword cssFontAttr contained any

after/syntax/css/css-content-3.vim

@@ -0,0 +1,4 @@
+syn match cssGeneratedContentProp contained "\<string-set\>"
+syn match cssGeneratedContentProp contained "\<bookmark-\(label\|level\|state\)\>"
+syn keyword cssGeneratedContentAttr contained open closed
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(leader\|string\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend

after/syntax/css/css-flexbox-1.vim

@@ -1,7 +1,5 @@
-" TODO: create cssFlexboxProp group and cssFlexboxAttr group
 syn keyword cssFontProp order
 syn match cssFontProp contained "\<flex\(-\(basis\|direction\|flow\|grow\|shrink\|wrap\)\)\=\>"
 syn keyword cssFontAttr contained flex row wrap
 syn match cssFontAttr contained "\<inline-flex\>"
 syn match cssFontAttr contained "\<\(row\|column\|wrap\)-reverse\>"
-syn match cssFontAttr contained "\<main-size\>"

after/syntax/css/css-gcpm-3.vim

@@ -1,7 +1,5 @@
 syn keyword cssGeneratedContentProp contained running
-syn match cssGeneratedContentProp contained "\<string-set\>"
 syn match cssGeneratedContentProp contained "\<footnote-\(display\|policy\)\>"
-syn match cssGeneratedContentProp contained "\<bookmark-\(label\|level\|state\)\>"
-syn keyword cssGeneratedContentAttr contained footnote line open closed
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(string\|running\|element\|leader\|target-\(counter\|counters\|text\)\)\s*(" end=")" oneline keepend
+syn keyword cssGeneratedContentAttr contained footnote line
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(element\|running\)\s*(" end=")" oneline keepend
 syn match cssPseudoClassId contained "\<footnote-\(call\|marker\)\>"

after/syntax/css/css-grid-1.vim

@@ -5,5 +5,6 @@ syn match cssFontProp contained "\<grid-area\>"
 syn match cssFontProp contained "\<grid\(-\(column\|row\)\)\=-gap\>"
 syn keyword cssFontAttr contained grid subgrid dense span
 syn match cssFontAttr contained "\<inline-grid\>"
+syn match cssFontAttr contained "\<auto-flow\>"
 syn match cssValueNumber contained "[01]\(.\d\+\)\=fr"
-syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|fit-content\|repeat\)\s*(" end=")" oneline keepend

after/syntax/css/css-overflow-3.vim

@@ -1,4 +1 @@
-" TODO: create cssOverflowProp group and cssOverflowAttr group
 syn match cssFontProp contained "\<max-lines\>"
-syn keyword cssFontAttr contained fragments
-syn match cssFontAttr contained "\<paged-\(x\|y\)\(-controls\)\=\>"

after/syntax/css/css-positioning-3.vim

@@ -1,3 +1,2 @@
-" TODO: create cssPositioningProp and cssPositioningAttr
 syn match cssFontProp contained "\<offset-\(before\|end\|after\|start\)\>"
 syn keyword cssFontAttr contained sticky

after/syntax/css/css-pseudo-4.vim

@@ -1 +1,2 @@
+syn match cssPseudoClassId contained "\<inactive-selection\>"
 syn match cssPseudoClassId contained "\<\(spelling\|grammer\)-error\>"

after/syntax/css/css-sizing-3.vim

@@ -0,0 +1 @@
+syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\)\>"

after/syntax/css/css-snappoints-1.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<scroll-snap-\(type\|points-\(x\|y\)\|destination\|coordinate\)\=\>"
+syn match cssFontProp contained "\<scroll-snap-\(type\|padding\|margin\|align\)\=\>"
 syn keyword cssFontAttr contained mandatory proximity

after/syntax/css/css3-content.vim

@@ -1,3 +0,0 @@
-syn match cssGeneratedContentProp contained "\<move-to\>"
-syn match cssGeneratedContentProp contained "\<page-policy\>"
-syn keyword cssGeneratedContentAttr contained inhibit here first last

after/syntax/css/css3-sizing.vim

@@ -1,3 +0,0 @@
-" TODO: create cssSizingAttr group
-syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\|fill-available\|repudiate-floats\)\>"
-syn match cssFontAttr contained "\<contain-floats\>"

after/syntax/css/cssom-view.vim

@@ -1,2 +1,2 @@
 syn match cssFontProp contained "\<scroll-behavior\>"
-syn keyword cssFontAttr contained instant smooth
+syn keyword cssFontAttr contained smooth

after/syntax/css/filter-effects.vim

@@ -2,3 +2,4 @@ syn match cssFontProp contained "\<flood-\(color\|opacity\)\>"
 syn match cssFontProp contained "\<color-interpolation-filters\>"
 syn match cssFontProp contained "\<lighting-color\>"
 syn keyword cssFontAttr sRGB linearRGB
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(blur\|brightness\|contrast\|drop-shadow\|grayscale\|hue-rotate\|invert\|opacity\|saturate\|sepia\)\s*(" end=")" oneline keepend

after/syntax/html.vim

@@ -1,10 +1,12 @@
 syn include @htmlCss syntax/css/compositing-1.vim
 syn include @htmlCss syntax/css/css-align-3.vim
 syn include @htmlCss syntax/css/css-backgrounds-4.vim
+syn include @htmlCss syntax/css/css-break-3.vim
 syn include @htmlCss syntax/css/css-cascade-3.vim
 syn include @htmlCss syntax/css/css-cascade-4.vim
+syn include @htmlCss syntax/css/css-content-3.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.vim
-syn include @htmlCss syntax/css/css-device-adapt.vim
+syn include @htmlCss syntax/css/css-device-adapt-1.vim
 syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-flexbox-1.vim
 syn include @htmlCss syntax/css/css-font-loading-3.vim
@@ -16,11 +18,13 @@ syn include @htmlCss syntax/css/css-lists-3.vim
 syn include @htmlCss syntax/css/css-masking-1.vim
 syn include @htmlCss syntax/css/css-overflow-3.vim
 syn include @htmlCss syntax/css/css-page-floats-3.vim
+syn include @htmlCss syntax/css/css-positioning-3.vim
 syn include @htmlCss syntax/css/css-pseudo-4.vim
 syn include @htmlCss syntax/css/css-round-display-1.vim
 syn include @htmlCss syntax/css/css-ruby-1.vim
 syn include @htmlCss syntax/css/css-scoping-1.vim
 syn include @htmlCss syntax/css/css-shapes-1.vim
+syn include @htmlCss syntax/css/css-sizing-3.vim
 syn include @htmlCss syntax/css/css-snappoints-1.vim
 syn include @htmlCss syntax/css/css-text-3.vim
 syn include @htmlCss syntax/css/css-text-4.vim
@@ -34,19 +38,15 @@ syn include @htmlCss syntax/css/css-writing-modes-3.vim
 syn include @htmlCss syntax/css/css3-animations.vim
 syn include @htmlCss syntax/css/css3-background.vim
 syn include @htmlCss syntax/css/css3-box.vim
-syn include @htmlCss syntax/css/css3-break.vim
 syn include @htmlCss syntax/css/css3-colors.vim
 syn include @htmlCss syntax/css/css3-conditional.vim
-syn include @htmlCss syntax/css/css3-content.vim
 syn include @htmlCss syntax/css/css3-exclusions.vim
 syn include @htmlCss syntax/css/css3-fonts.vim
 syn include @htmlCss syntax/css/css3-images.vim
 syn include @htmlCss syntax/css/css3-multicol.vim
 syn include @htmlCss syntax/css/css3-page.vim
-syn include @htmlCss syntax/css/css3-positioning.vim
 syn include @htmlCss syntax/css/css3-regions.vim
 syn include @htmlCss syntax/css/css3-selectors.vim
-syn include @htmlCss syntax/css/css3-sizing.vim
 syn include @htmlCss syntax/css/css3-speech.vim
 syn include @htmlCss syntax/css/css3-syntax.vim
 syn include @htmlCss syntax/css/css3-transforms.vim

test/test.css

@@ -1,6 +1,6 @@
 .align {
   justify-self: safe;
-  justify-content: true;
+  justify-content: unsafe;
   justify-items: self-start;
   align-self: self-end;
   align-content: flex-start;
@@ -70,7 +70,7 @@
 }
 
 .break {
-  break-after: any;
+  break-after: auto;
   break-before: auto;
   break-inside: auto;
   box-decoration-break: auto;
@@ -119,10 +119,13 @@
 }
 
 .content {
-  move-to: inhibit;
-  page-policy: here;
-  display: first;
-  display: last;
+  string-set: open;
+  bookmark-level: closed;
+  bookmark-label: leader('.');
+  bookmark-state: string(heading, first);
+  display: target-counter(attr(href url), page);
+  display: target-counters(lack-of-example);
+  display: target-text(attr(href url));
 }
 
 @counter-style counter-style {
@@ -177,8 +180,7 @@
 }
 
 .cssom-view {
-  scroll-behavior: instant;
-  display: smooth;
+  scroll-behavior: smooth;
 }
 
 .cssom {
@@ -203,6 +205,16 @@
   flood-opacity: linearRGB;
   color-interpolation-filters: auto;
   lighting-color: auto;
+  display: blur(5px);
+  display: brightness(0.4);
+  display: contrast(200%);
+  display: drop-shadow(16px 16px 20px blue);
+  display: grayscale(50%);
+  display: hue-rotate(90deg);
+  display: invert(75%);
+  display: opacity(25%);
+  display: saturate(30%);
+  display: sepia(60%);
 }
 
 .flexbox {
@@ -213,7 +225,6 @@
   flex: column-reverse;
   flex-grow: wrap;
   flex-shrink: wrap-reverse;
-  flex-basis: main-size;
 }
 
 .font-loading-3 {
@@ -260,17 +271,10 @@
 
 .gcpm::footnote-call,
 .gcpm::footnote-marker {
-  string-set: string(heading, first);
   running: running(heading);
   footnote-display: element(header);
   footnote-policy: footnote;
-  bookmark-label: line;
-  bookmark-level: leader('.');
-  bookmark-state: target-counter(attr(href url), page);
-  display: target-counters(lack-of-example);
-  display: target-text(attr(href url));
-  display: open;
-  display: closed;
+  display: line;
 }
 
 .geometry-1 {
@@ -281,13 +285,13 @@
   grid-template-columns: grid;
   grid-template-rows: inline-grid;
   grid-template-areas: minmax(0, 1);
-  grid-template: repeat(4);
-  grid-auto-columns: 0.2fr;
-  grid-auto-rows: subgrid;
+  grid-template: fit-content(10%);
+  grid-auto-columns: repeat(4);
+  grid-auto-rows: 0.2fr;
   grid-auto-flow: dense;
-  grid-auto-position: span;
-  grid: auto;
-  grid-row-start: auto;
+  grid-auto-position: auto-flow;
+  grid: subgrid;
+  grid-row-start: span;
   grid-column-start: auto;
   grid-row-end: auto;
   grid-column-end: auto;
@@ -378,11 +382,7 @@
 }
 
 .overflow {
-  max-lines: paged-x;
-  display: paged-y;
-  display: paged-x-controls;
-  display: paged-y-controls;
-  display: fragments;
+  max-lines: auto;
 }
 
 .page {
@@ -408,10 +408,9 @@
   offset-start: auto;
 }
 
-.pseudo::selection,
+.pseudo::inactive-selection,
 .pseudo::spelling-error,
-.pseudo::grammer-error,
-.pseuod::placeholder {
+.pseudo::grammer-error {
   display: block;
 }
 
@@ -522,18 +521,15 @@
 
 .sizing {
   display: max-content;
+  display: min-content;
   display: fit-content;
-  display: fill-available;
-  display: repudiate-floats;
-  display: contain-floats;
 }
 
 .snappoints {
   scroll-snap-type: mandatory;
-  scroll-snap-points-x: proximity;
-  scroll-snap-points-y: auto;
-  scroll-snap-destination: auto;
-  scroll-snap-coordinate: auto;
+  scroll-snap-padding: proximity;
+  scroll-snap-margin: auto;
+  scroll-snap-align: auto;
 }
 
 .speech {

test/test.html

@@ -10,7 +10,7 @@
 <style>
 .align {
   justify-self: safe;
-  justify-content: true;
+  justify-content: unsafe;
   justify-items: self-start;
   align-self: self-end;
   align-content: flex-start;
@@ -85,7 +85,7 @@
 </style>
 <style>
 .break {
-  break-after: any;
+  break-after: auto;
   break-before: auto;
   break-inside: auto;
   box-decoration-break: auto;
@@ -140,10 +140,13 @@
 </style>
 <style>
 .content {
-  move-to: inhibit;
-  page-policy: here;
-  display: first;
-  display: last;
+  string-set: open;
+  bookmark-level: closed;
+  bookmark-label: leader('.');
+  bookmark-state: string(heading, first);
+  display: target-counter(attr(href url), page);
+  display: target-counters(lack-of-example);
+  display: target-text(attr(href url));
 }
 </style>
 <style>
@@ -201,8 +204,7 @@
 </style>
 <style>
 .cssom-view {
-  scroll-behavior: instant;
-  display: smooth;
+  scroll-behavior: smooth;
 }
 </style>
 <style>
@@ -231,6 +233,16 @@
   flood-opacity: linearRGB;
   color-interpolation-filters: auto;
   lighting-color: auto;
+  display: blur(5px);
+  display: brightness(0.4);
+  display: contrast(200%);
+  display: drop-shadow(16px 16px 20px blue);
+  display: grayscale(50%);
+  display: hue-rotate(90deg);
+  display: invert(75%);
+  display: opacity(25%);
+  display: saturate(30%);
+  display: sepia(60%);
 }
 </style>
 <style>
@@ -242,7 +254,6 @@
   flex: column-reverse;
   flex-grow: wrap;
   flex-shrink: wrap-reverse;
-  flex-basis: main-size;
 }
 </style>
 <style>
@@ -292,17 +303,10 @@
 <style>
 .gcpm::footnote-call,
 .gcpm::footnote-marker {
-  string-set: string(heading, first);
-  running: running(heading);
-  footnote-display: element(header);
-  footnote-policy: footnote;
-  bookmark-label: line;
-  bookmark-level: leader('.');
-  bookmark-state: target-counter(attr(href url), page);
-  display: target-counters(lack-of-example);
-  display: target-text(attr(href url));
-  display: open;
-  display: closed;
+  running: footnote;
+  footnote-display: line; 
+  footnote-policy: element(header);
+  display: running(heading);
 }
 </style>
 <style>
@@ -315,13 +319,13 @@
   grid-template-columns: grid;
   grid-template-rows: inline-grid;
   grid-template-areas: minmax(0, 1);
-  grid-template: repeat(4);
-  grid-auto-columns: 0.2fr;
-  grid-auto-rows: subgrid;
+  grid-template: fit-content(10%);
+  grid-auto-columns: repeat(4);
+  grid-auto-rows: 0.2fr;
   grid-auto-flow: dense;
-  grid-auto-position: span;
-  grid: auto;
-  grid-row-start: auto;
+  grid-auto-position: auto-flow;
+  grid: subgrid;
+  grid-row-start: span;
   grid-column-start: auto;
   grid-row-end: auto;
   grid-column-end: auto;
@@ -418,11 +422,7 @@
 </style>
 <style>
 .overflow {
-  max-lines: paged-x;
-  display: paged-y;
-  display: paged-x-controls;
-  display: paged-y-controls;
-  display: fragments;
+  max-lines: auto;
 }
 </style>
 <style>
@@ -452,10 +452,9 @@
 }
 </style>
 <style>
-.pseudo::selection,
+.pseudo::inactive-selection,
 .pseudo::spelling-error,
-.pseudo::grammer-error,
-.pseuod::placeholder {
+.pseudo::grammer-error {
   display: block;
 }
 </style>
@@ -576,19 +575,16 @@
 <style>
 .sizing {
   display: max-content;
+  display: min-content;
   display: fit-content;
-  display: fill-available;
-  display: repudiate-floats;
-  display: contain-floats;
 }
 </style>
 <style>
 .snappoints {
   scroll-snap-type: mandatory;
-  scroll-snap-points-x: proximity;
-  scroll-snap-points-y: auto;
-  scroll-snap-destination: auto;
-  scroll-snap-coordinate: auto;
+  scroll-snap-padding: proximity;
+  scroll-snap-margin: auto;
+  scroll-snap-align: auto;
 }
 </style>
 <style>