Follow changes in WD-css-scroll-snap-1-20160623

See also: https://www.w3.org/TR/2016/WD-css-scroll-snap-1-20160623/

Author: hail2u

after/syntax/css/css-scroll-snap-1.vim

@@ -0,0 +1,2 @@
+syn match cssFontProp contained "\<scroll-snap-\(type\|align\|\(\(padding\|margin\)\(-\(top\|bottom\|right\|left\|\(block\|inline\)\(-\(end\|start\)\)\=\)\)\=\)\|stop\)\>"
+syn keyword cssFontAttr contained x y mandatory proximity point

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

@@ -23,9 +23,9 @@ 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-scroll-snap-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
 syn include @htmlCss syntax/css/css-text-decor-3.vim

after/syntax/html.vim

@@ -453,6 +453,34 @@
   display: auto;
 }
 
+.scroll-snap {
+  scroll-snap-type: x;
+  scroll-snap-padding: y;
+  scroll-snap-margin: mandatory;
+  scroll-snap-align: proximity;
+  scroll-snap-stop: point;
+  scroll-snap-padding-top: auto;
+  scroll-snap-padding-right: auto;
+  scroll-snap-padding-bottom: auto;
+  scroll-snap-padding-left: auto;
+  scroll-snap-padding-inline-start: auto;
+  scroll-snap-padding-block-start: auto;
+  scroll-snap-padding-inline-end: auto;
+  scroll-snap-padding-block-end: auto;
+  scroll-snap-padding-block: auto;
+  scroll-snap-padding-inline: auto;
+  scroll-snap-margin-top: auto;
+  scroll-snap-margin-right: auto;
+  scroll-snap-margin-bottom: auto;
+  scroll-snap-margin-left: auto;
+  scroll-snap-margin-inline-start: auto;
+  scroll-snap-margin-block-start: auto;
+  scroll-snap-margin-inline-end: auto;
+  scroll-snap-margin-block-end: auto;
+  scroll-snap-margin-block: auto;
+  scroll-snap-margin-inline: auto;
+}
+
 .selectors3:target,
 .selectors3:enabled,
 .selectors3:disabled,
@@ -525,13 +553,6 @@
   display: fit-content;
 }
 
-.snappoints {
-  scroll-snap-type: mandatory;
-  scroll-snap-padding: proximity;
-  scroll-snap-margin: auto;
-  scroll-snap-align: auto;
-}
-
 .speech {
   voice-volume: 10dB;
   voice-balance: literal-punctuation;

test/test.css

@@ -503,6 +503,35 @@
 }
 </style>
 <style>
+.scroll-snap {
+  scroll-snap-type: x;
+  scroll-snap-padding: y;
+  scroll-snap-margin: mandatory;
+  scroll-snap-align: proximity;
+  scroll-snap-stop: point;
+  scroll-snap-padding-top: auto;
+  scroll-snap-padding-right: auto;
+  scroll-snap-padding-bottom: auto;
+  scroll-snap-padding-left: auto;
+  scroll-snap-padding-inline-start: auto;
+  scroll-snap-padding-block-start: auto;
+  scroll-snap-padding-inline-end: auto;
+  scroll-snap-padding-block-end: auto;
+  scroll-snap-padding-block: auto;
+  scroll-snap-padding-inline: auto;
+  scroll-snap-margin-top: auto;
+  scroll-snap-margin-right: auto;
+  scroll-snap-margin-bottom: auto;
+  scroll-snap-margin-left: auto;
+  scroll-snap-margin-inline-start: auto;
+  scroll-snap-margin-block-start: auto;
+  scroll-snap-margin-inline-end: auto;
+  scroll-snap-margin-block-end: auto;
+  scroll-snap-margin-block: auto;
+  scroll-snap-margin-inline: auto;
+}
+</style>
+<style>
 .selectors3:target,
 .selectors3:enabled,
 .selectors3:disabled,
@@ -580,14 +609,6 @@
 }
 </style>
 <style>
-.snappoints {
-  scroll-snap-type: mandatory;
-  scroll-snap-padding: proximity;
-  scroll-snap-margin: auto;
-  scroll-snap-align: auto;
-}
-</style>
-<style>
 .speech {
   voice-volume: 10dB;
   voice-balance: literal-punctuation;