From 9e0ef247ced9c0a0177e20d37c944d65b5977f38 Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <hail2u@gmail.com>
Date: Wed, 23 Sep 2015 15:02:12 +0900
Subject: [PATCH] Add css-round-display-1.vim

See also: http://www.w3.org/TR/2015/WD-css-round-display-1-20150922/
---
 after/syntax/css/css-round-display-1.vim |  7 +++++++
 after/syntax/html.vim                    |  1 +
 test/test.css                            |  9 +++++++++
 test/test.html                           | 10 ++++++++++
 4 files changed, 27 insertions(+)
 create mode 100644 after/syntax/css/css-round-display-1.vim

diff --git a/after/syntax/css/css-round-display-1.vim b/after/syntax/css/css-round-display-1.vim
new file mode 100644
index 0000000..73c93b0
--- /dev/null
+++ b/after/syntax/css/css-round-display-1.vim
@@ -0,0 +1,7 @@
+syn match cssFontProp contained "\<shape-inside\>"
+syn match cssFontProp contained "\<border-boundary\>"
+syn match cssFontProp contained "\<polar-\(angle\|distance\)\>"
+syn keyword cssFontAttr contained parent polar
+syn match cssFontAttr contained "\<outside-shape\>"
+syn match cssFontAttr contained "\<shape-box\>"
+syn match cssMediaProp contained /device-radius/
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index fb7886a..c6de7a9 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -34,6 +34,7 @@ syn include @htmlCss syntax/css/css-masking-1.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-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-shapes-1.vim
diff --git a/test/test.css b/test/test.css
index 1fbb688..1ee56f5 100644
--- a/test/test.css
+++ b/test/test.css
@@ -377,6 +377,15 @@
   display: avoid-region;
 }
 
+@media (device-radius: 50%) {
+  .round-display-1 {
+    shape-inside: outside-shape;
+    border-boundary: shape-box;
+    polar-angle: parent;
+    polar-distance: polar;
+  }
+}
+
 .ruby {
   ruby-position: ruby-base-container;
   ruby-merge: ruby-text-container;
diff --git a/test/test.html b/test/test.html
index 703a85c..f11520e 100644
--- a/test/test.html
+++ b/test/test.html
@@ -416,6 +416,16 @@
 }
 </style>
 <style>
+@media (device-radius: 50%) {
+  .round-display-1 {
+    shape-inside: outside-shape;
+    border-boundary: shape-box;
+    polar-angle: parent;
+    polar-distance: polar;
+  }
+}
+</style>
+<style>
 .ruby {
   ruby-position: ruby-base-container;
   ruby-merge: ruby-text-container;