Add sizing-4.vim

https://www.w3.org/TR/2020/WD-css-sizing-4-20200526/

after/syntax/css/box-3.vim

@@ -1,9 +0,0 @@
-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\>"
-syn match cssBoxProp contained "\<indent-edge-reset\>"
-syn keyword cssBoxAttr contained scrollbar panner marquee decendants
-syn match cssBoxAttr contained "\<block-within-page\>"
-syn match cssBoxAttr contained "\<\(margin\|border\|padding\|content\)-edge\>"

after/syntax/css/box-4.vim

@@ -0,0 +1,2 @@
+syn match cssBoxProp contained "\<margin-trim\>"
+syn match cssBoxAttr contained "\<in-flow\>"

after/syntax/css/color-5.vim

@@ -0,0 +1 @@
+syn region cssFunction contained matchgroup=cssFunctionName start="\<\(color-\(mix\|contrast\|adjust\)\|red\|green\|blue\|alpha\|hue\|saturation\|lightness\|whiteness\|blackness\|a\|b\|chroma\)\s*(" end=")" contains=cssCustomProp,cssFunction,cssColor,cssFunctionComma oneline

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 flip
+syn keyword cssFontAttr contained snap flip pixelated
 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/logical-1.vim

@@ -1,5 +1,5 @@
 syn match cssFontProp contained "\<\(\(min\|max\)-\)\=\(block\|inline\)-size\>"
-syn match cssFontProp contained "\<\(margin\|inset\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
+syn match cssFontProp contained "\<\(margin\|padding\)\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
 syn match cssFontProp contained "\<border-\(block\|inline\)\(\(-\(start\|end\)\)\=\(-\(width\|style\|color\)\)\=\)\=\>"
 syn match cssFontProp contained "\<border-\(start\|end\)-\(start\|end\)-radius\>"
 syn keyword cssFontAttr contained logical physical rotate

after/syntax/css/position-3.vim

@@ -1,2 +1,2 @@
-syn match cssFontProp contained "\<offset-\(before\|end\|after\|start\)\>"
+syn match cssFontProp contained "\<inset\(-\(block\|inline\)\(-\(start\|end\)\)\=\)\=\>"
 syn keyword cssFontAttr contained sticky

after/syntax/css/ruby-1.vim

@@ -1,4 +1,3 @@
-" TODO: create cssRubyProp group and cssRubyAttr group
-syn match cssFontProp contained "\<ruby-\(position\|merge\|align\)"
+syn match cssFontProp contained "\<ruby-\(position\|merge\|align\|overhang\)"
 syn match cssFontAttr contained "\<ruby-\(base\|text\)-container\>"
 syn match cssFontAttr contained "\<inter-character\>"

after/syntax/css/scrollbars-1.vim

@@ -0,0 +1 @@
+syn match cssFontProp contained "\<scrollbar-\(color\|width\)\>"

after/syntax/css/sizing-4.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<contain-intrinsic-size\>"
+syn match cssFontAttr contained "\<\fit-content\>"

after/syntax/css/speech-1.vim

@@ -0,0 +1,6 @@
+syn match cssAuralProp contained "\<voice-\(volume\|balance\|rate\|pitch\|range\|stress\|duration\)\>"
+syn match cssAuralProp contained "\<rest\(-\(before\|after\)\)\=\>"
+syn keyword cssAuralAttr contained young old neutral preserve moderate reduced
+syn match cssAuralAttr contained "\<\(literal\|no\)-punctuation\>"
+syn match cssAuralAttr contained "\<\(x-\)\=\(weak\|strong\)\>"
+syn match cssValueNumber contained "[-+]\=\d\+\(dB\|st\)"

after/syntax/css/text-decor-4.vim

@@ -1,4 +1,6 @@
-syn match cssTextProp contained "\<text-\(decoration-\(width\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
+syn match cssTextProp contained "\<text-\(decoration-\(thickness\|skip\|skip-ink\)\|underline-offset\|emphasis-skip\)\>"
 syn keyword cssTextAttr contained objects edges symbols narrow
-syn match cssTextAttr contained "\<box-decoration\>"
+syn match cssTextAttr contained "\<\(spelling\|grammer\)-error\>"
+syn match cssTextAttr contained "\<from-font\>"
 syn match cssTextAttr contained "\<\(\(leading\|trailing\)-\)\=spaces\>"
+syn match cssTextAttr contained "\<box-decoration\>"

after/syntax/css/transforms-2.vim

@@ -0,0 +1,2 @@
+syn keyword cssFontProp contained rotate scale translate
+syn keyword cssFontAttr contained flat

after/syntax/css/unofficials.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<backdrop-filter\>"
+syn region cssFunction contained matchgroup=cssFunctionName start="\<env\s*(" end=")" oneline keepend

test/test.css

@@ -1,3 +1,8 @@
+.unofficials {
+	backdrop-filter: auto;
+	display: env(safe-area-inset-top, 20px);
+}
+
 .align-3 {
 	place-self: auto;
 	place-content: auto;
@@ -43,22 +48,12 @@
 }
 
 .box-3 {
+	display: auto;
+}
+
+.box-4 {
 	margin-trim: auto;
 	display: in-flow;
-  /* .block-3 */
-  clear-after: auto;
-  float-displace: auto;
-  indent-edge-reset: auto;
-  display: scrollbar;
-  display: panner;
-  display: marquee;
-  display: discard;
-  display: decendants;
-  display: block-within-page;
-  display: margin-edge;
-  display: border-edge;
-  display: padding-edge;
-  display: content-edge;
 }
 
 .break-3 {
@@ -79,7 +74,11 @@
 	display: revert;
 }
 
-@import "test.css" supports(display: auto);
+@import "conditional-3.css" supports(display: auto);
+
+@supports (selector(.conditional-4)) {
+	display: auto;
+}
 
 .color-3 {
 	display: auto;
@@ -101,11 +100,17 @@
 	src: url("http://example.org/swop-coated.icc");
 }
 
+.color-5 {
+	display: color-mix(red yellow 65%);
+	display: color-contrast(wheat tan, sienna, var(--myAccent), #d2691e);
+	display: color-adjust(peru lightness(-20%));
+}
+
 .color-adjust-1 {
 	color-scheme: auto;
 	forced-color-adjust: auto;
 	color-adjust: auto;
-  display: only;
+	display: only light;
 	display: economy;
 	display: exact;
 }
@@ -434,6 +439,7 @@ template {
 	display: flip;
 	display: scale-down;
 	display: from-image;
+	display: pixelated;
 	display: repeating-linear-gradient(to bottom, yellow, blue);
 	display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
@@ -493,14 +499,6 @@ template {
 	margin-inline-end: auto;
 	margin-block: auto;
 	margin-inline: auto;
-  inset-block-start: auto;
-  inset-block-end: auto;
-  inset-inline-start: auto;
-  inset-inline-end: auto;
-  inset-block: auto;
-  inset-inline: auto;
-  inset: auto;
-  padding-block-start: auto;
 	padding-block-end: auto;
 	padding-inline-start: auto;
 	padding-inline-end: auto;
@@ -655,10 +653,13 @@ mask {
 }
 
 .position-3 {
-  offset-before: auto;
-  offset-end: auto;
-  offset-after: auto;
-  offset-start: auto;
+	inset-block-start: auto;
+	inset-block-end: auto;
+	inset-inline-start: auto;
+	inset-inline-end: auto;
+	inset-block: auto;
+	inset-inline: auto;
+	inset: auto;
 	display: sticky;
 }
 
@@ -719,6 +720,7 @@ mask {
 	ruby-position: auto;
 	ruby-merge: auto;
 	ruby-align: auto;
+	ruby-overhang: auto;
 	display: ruby-base-container;
 	display: ruby-text-container;
 	display: inter-character;
@@ -776,6 +778,11 @@ mask {
 	display: proximity;
 }
 
+.scrollbars-1 {
+	scrollbar-color: auto;
+	scrollbar-width: auto;
+}
+
 .selectors-3:enabled,
 .selectors-3:indeterminate,
 .selectors-3:nth-child(2n+1),
@@ -845,6 +852,38 @@ mask {
 	display: fit-content(10%);
 }
 
+.sizing-4 {
+	contain-intrinsic-size: auto;
+	display: fit-content;
+}
+
+.speech-1 {
+	voice-volume: auto;
+	voice-balance: auto;
+	rest-before: auto;
+	rest-after: auto;
+	rest: auto;
+	voice-rate: auto;
+	voice-pitch: auto;
+	voice-range: auto;
+	voice-stress: auto;
+	voice-duration: auto;
+	display: 10dB;
+	display: literal-punctuation;
+	display: no-punctuation;
+	display: x-weak;
+	display: weak;
+	display: strong;
+	display: x-strong;
+	display: young;
+	display: old;
+	display: neutral;
+	display: preserve;
+	display: 10st;
+	display: moderate;
+	display: reduced;
+}
+
 .style-attr {
 	display: auto;
 }
@@ -1034,12 +1073,15 @@ view {
 }
 
 .text-decor-4 {
-  text-decoration-width: auto;
+	text-decoration-thickness: auto;
 	text-underline-offset: auto;
 	text-decoration-skip: auto;
 	text-decoration-skip-ink: auto;
 	text-emphasis-skip: auto;
+	display: spelling-error;
+	display: grammer-error;
 	display: objects;
+	display: from-font;
 	display: spaces;
 	display: leading-spaces;
 	display: trailing-spaces;
@@ -1057,6 +1099,13 @@ view {
 	transform-box: auto;
 }
 
+.tranforms-2 {
+	rotate: auto;
+	scale: auto;
+	translate: auto;
+	display: flat;
+}
+
 .transitions-1 {
 	display: auto;
 }