Add fill-stroke-3.vim

See also: http://www.w3.org/TR/2017/WD-fill-stroke-3-20170413/

Author: hail2u

after/syntax/css/fill-stroke-3.vim

@@ -0,0 +1,3 @@
+syn match cssFontProp contained "\<\(fill\|stroke\)-\(break\|color\|image\|origin\|position\|size\|repeat\)\>"
+syn match cssFontProp contained "\<stroke-\(align\|dash-\(corner\|justify\)\)\>"
+syn keyword cssFontAttr contained stupid compress dashes gaps

after/syntax/html.vim

@@ -62,6 +62,7 @@ syn include @htmlCss syntax/css/css3-speech.vim
 syn include @htmlCss syntax/css/css3-transitions.vim
 syn include @htmlCss syntax/css/cssom-1.vim
 syn include @htmlCss syntax/css/cssom-view-1.vim
+syn include @htmlCss syntax/css/fill-stroke-3.vim
 syn include @htmlCss syntax/css/filter-effects-1.vim
 syn include @htmlCss syntax/css/geometry-1.vim
 syn include @htmlCss syntax/css/html5.vim

test/test.css

@@ -223,6 +223,26 @@
   wrap-through: maximum;
 }
 
+.fill-stroke-3 {
+  fill-break: stupid;
+  fill-color: compress;
+  fill-image: dashes;
+  fill-origin: gaps;
+  fill-position: auto;
+  fill-size: auto;
+  fill-repeat: auto;
+  stroke-align: auto;
+  stroke-break: auto;
+  stroke-dash-corner: auto;
+  stroke-dash-justify: auto;
+  stroke-color: auto;
+  stroke-image: auto;
+  stroke-origin: auto;
+  stroke-position: auto;
+  stroke-size: auto;
+  stroke-repeat: auto;
+}
+
 .filter-effects-1 {
   flood-color: sRGB;
   flood-opacity: linearRGB;

test/test.html

@@ -252,6 +252,27 @@
 }
 </style>
 <style>
+.fill-stroke-3 {
+  fill-break: stupid;
+  fill-color: compress;
+  fill-image: dashes;
+  fill-origin: gaps;
+  fill-position: auto;
+  fill-size: auto;
+  fill-repeat: auto;
+  stroke-align: auto;
+  stroke-break: auto;
+  stroke-dash-corner: auto;
+  stroke-dash-justify: auto;
+  stroke-color: auto;
+  stroke-image: auto;
+  stroke-origin: auto;
+  stroke-position: auto;
+  stroke-size: auto;
+  stroke-repeat: auto;
+}
+</style>
+<style>
 .filter-effects-1 {
   flood-color: sRGB;
   flood-opacity: linearRGB;