Sort includes

This support based on latest working draft, not dev edition. The dev
edition has removed `instant` value, but it is not a big problem.

See also: http://www.w3.org/TR/2013/WD-cssom-view-20131217/

This resolves #33.

README.md

@@ -42,7 +42,7 @@ Or in your `~/.vimrc`:
       autocmd FileType css setlocal iskeyword+=-
     augroup END
 
-This setting have side effects, so use it at your own risk.
+This setting have side effects. So, use it at your own risk.
 
 
 ### Vendor Prefixes

after/syntax/css/css-writing-modes-3.vim

@@ -1,7 +1,8 @@
-" TODO: create cssWritingModesProp group and cssWritingModesAttr group
-syn match cssFontProp contained "\<text-\(orientation\|combine-horizontal\)\>"
 syn match cssFontProp contained "\<writing-mode\>"
-syn keyword cssFontAttr contained before after mixed isolate plaintext
+syn match cssFontProp contained "\<text-\(orientation\|combine-upright\)\>"
-syn match cssFontAttr contained "\<\(upright\|sideways\(-right\|-left\)\=\|use-glyph-orientation\)\>"
+syn match cssFontProp contained "\<glyph-orientation-vertical\>"
-syn match cssFontAttr contained "\<isolate-override\>"
+syn keyword cssFontAttr contained before after mixed upright plaintext
-syn match cssFontAttr contained "\<\(horizontal-tb\|vertical-\(rl\|lr\)\)\>"
+syn match cssFontAttr contained "\<sideways\(-rl\|-lr\)\=\>"
+syn match cssFontAttr contained "\<isolate\(-override\)\=\>"
+syn match cssFontAttr contained "\<horizontal-tb\>"
+syn match cssFontAttr contained "\<vertical-\(rl\|lr\)\>"

after/syntax/css/cssom-view.vim

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

after/syntax/html.vim

@@ -1,4 +1,3 @@
-syn include @htmlCss syntax/css/html5-elements.vim
 syn include @htmlCss syntax/css/compositing-1.vim
 syn include @htmlCss syntax/css/css3-animations.vim
 syn include @htmlCss syntax/css/css3-background.vim
@@ -31,9 +30,10 @@ syn include @htmlCss syntax/css/css-inline-3.vim
 syn include @htmlCss syntax/css/css-line-grid-1.vim
 syn include @htmlCss syntax/css/css-lists-3.vim
 syn include @htmlCss syntax/css/css-masking-1.vim
+syn include @htmlCss syntax/css/cssom-view.vim
 syn include @htmlCss syntax/css/css-overflow-3.vim
-syn include @htmlCss syntax/css/css-pseudo-4.vim
 syn include @htmlCss syntax/css/css-page-floats-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
@@ -48,4 +48,5 @@ syn include @htmlCss syntax/css/css-values.vim
 syn include @htmlCss syntax/css/css-variables.vim
 syn include @htmlCss syntax/css/css-will-change-1.vim
 syn include @htmlCss syntax/css/css-writing-modes-3.vim
+syn include @htmlCss syntax/css/html5-elements.vim
 syn include @htmlCss syntax/css/selectors4.vim

test/test.css

@@ -161,6 +161,11 @@
   display: ethiopic-numeric;
 }
 
+.cssom-view {
+  scroll-behavior: instant;
+  display: smooth;
+}
+
 .display {
   box-suppress: flow;
   display: flow-root;
@@ -450,7 +455,7 @@
 .selectors4:active-drop-target,
 .selectors4:valid-drop-target,
 .selectors4:invalid-drop-target,
-.selectors3:matches(:hover, :focus),
+.selectors4:matches(:hover, :focus),
 .selectors4:dir(ltr),
 .selectors4:local-link(0),
 .selectors4:current(p, li, dt, dd),
@@ -623,17 +628,16 @@
 }
 
 .writing-modes {
-  text-orientation: before;
+  writing-mode: before;
-  text-combine-horizontal: after;
+  text-orientation: after;
-  writing-mode: isolate;
+  text-combine-upright: mixed;
-  display: isolate;
+  glyph-orientation-vertical: upright;
   display: plaintext;
-  display: mixed;
-  display: upright;
   display: sideways;
-  display: sideways-right;
+  display: sideways-rl;
-  display: sideways-left;
+  display: sideways-lr;
-  display: use-glyph-orientation;
+  display: isolate;
+  display: isolate-override;
   display: horizontal-tb;
   display: vertical-rl;
   display: vertical-lr;

test/test.html

@@ -184,6 +184,12 @@
 }
 </style>
 <style>
+.cssom-view {
+  scroll-behavior: instant;
+  display: smooth;
+}
+</style>
+<style>
 .display {
   box-suppress: flow;
   display: flow-root;
@@ -494,7 +500,7 @@
 .selectors4:active-drop-target,
 .selectors4:valid-drop-target,
 .selectors4:invalid-drop-target,
-.selectors3:matches(:hover, :focus),
+.selectors4:matches(:hover, :focus),
 .selectors4:dir(ltr),
 .selectors4:local-link(0),
 .selectors4:current(p, li, dt, dd),
@@ -682,17 +688,16 @@
 </style>
 <style>
 .writing-modes {
-  text-orientation: before;
+  writing-mode: before;
-  text-combine-horizontal: after;
+  text-orientation: after;
-  writing-mode: isolate;
+  text-combine-upright: mixed;
-  display: isolate;
+  glyph-orientation-vertical: upright;
   display: plaintext;
-  display: mixed;
-  display: upright;
   display: sideways;
-  display: sideways-right;
+  display: sideways-rl;
-  display: sideways-left;
+  display: sideways-lr;
-  display: use-glyph-orientation;
+  display: isolate;
+  display: isolate-override;
   display: horizontal-tb;
   display: vertical-rl;
   display: vertical-lr;