From f6a6226db47aa0470c71061ce18e2e273eb52a5f Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <hail2u@gmail.com>
Date: Sun, 3 Jan 2016 20:23:27 +0900
Subject: [PATCH] Add css-backgrounds-4.vim

See also: http://www.w3.org/TR/css-backgrounds-4/
---
 after/syntax/css/css-backgrounds-4.vim |  7 +++++++
 after/syntax/html.vim                  |  1 +
 test/test.css                          | 15 +++++++++++++++
 test/test.html                         | 16 ++++++++++++++++
 4 files changed, 39 insertions(+)
 create mode 100644 after/syntax/css/css-backgrounds-4.vim

diff --git a/after/syntax/css/css-backgrounds-4.vim b/after/syntax/css/css-backgrounds-4.vim
new file mode 100644
index 0000000..d58ee26
--- /dev/null
+++ b/after/syntax/css/css-backgrounds-4.vim
@@ -0,0 +1,7 @@
+syn keyword cssFontProp contained corners
+syn match cssFontProp contained "\<background-position-\(x\|y\|inline\|block\)\>"
+syn match cssFontProp contained "\<corner-shape\>"
+syn match cssFontProp contained "\<border-limit\>"
+syn match cssFontProp contained "\<border-clip\(-\(top\|right\|bottom\|left\)\)\=\>"
+syn keyword cssFontAttr contained bevel scoop notch
+syn match cssFontAttr contained "\<\(x\|y\)-\(start\|end\)\>"
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index a2d32f0..804e3e7 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -1,5 +1,6 @@
 syn include @htmlCss syntax/css/compositing-1.vim
 syn include @htmlCss syntax/css/css-align-3.vim
+syn include @htmlCss syntax/css/css-backgrounds-4.vim
 syn include @htmlCss syntax/css/css-cascade-3.vim
 syn include @htmlCss syntax/css/css-cascade-4.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.vim
diff --git a/test/test.css b/test/test.css
index e5abf8e..05343f7 100644
--- a/test/test.css
+++ b/test/test.css
@@ -40,6 +40,21 @@
   box-shadow: auto;
 }
 
+.background-4 {
+  background-position-x: x-start;
+  background-position-y: x-end;
+  background-position-inline: y-start;
+  background-position-block: y-end;
+  corner-shape: bevel;
+  corners: scoop;
+  border-limit: notch;
+  border-clip: auto;
+  border-clip-top: auto;
+  border-clip-right: auto;
+  border-clip-bottom: auto;
+  border-clip-left: auto;
+}
+
 .box {
   overflow-style: scrollbar;
   overflow-x: panner;
diff --git a/test/test.html b/test/test.html
index 86f2491..83a2e1b 100644
--- a/test/test.html
+++ b/test/test.html
@@ -53,6 +53,22 @@
 }
 </style>
 <style>
+.background-4 {
+  background-position-x: x-start;
+  background-position-y: x-end;
+  background-position-inline: y-start;
+  background-position-block: y-end;
+  corner-shape: bevel;
+  corners: scoop;
+  border-limit: notch;
+  border-clip: auto;
+  border-clip-top: auto;
+  border-clip-right: auto;
+  border-clip-bottom: auto;
+  border-clip-left: auto;
+}
+</style>
+<style>
 .box {
   overflow-style: scrollbar;
   overflow-x: panner;