1.7.1

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

.github/FUNDING.yml

@@ -1 +0,0 @@
-github: hail2u

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/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/sizing-4.vim

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

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/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 {
@@ -115,7 +110,7 @@
 	color-scheme: auto;
 	forced-color-adjust: auto;
 	color-adjust: auto;
-	display: only;
+	display: only light;
 	display: economy;
 	display: exact;
 }
@@ -444,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);
 }
@@ -503,13 +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;
@@ -665,10 +654,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;
 }
 
@@ -729,6 +721,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;
@@ -860,6 +853,11 @@ mask {
 	display: fit-content(10%);
 }
 
+.sizing-4 {
+	contain-intrinsic-size: auto;
+	display: fit-content;
+}
+
 .speech-1 {
 	voice-volume: auto;
 	voice-balance: auto;
@@ -1076,12 +1074,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;