From 9b9dfb7f3b585dc86287d03b5bec8a7f8a0f7ed1 Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <kyo@hail2u.net>
Date: Fri, 21 Feb 2014 10:42:13 +0900
Subject: [PATCH] Add css-display-3.vim and test

See also: http://www.w3.org/TR/2014/WD-css-display-3-20140220/
---
 README.md                          | 1 +
 after/syntax/css/css-display-3.vim | 6 ++++++
 after/syntax/html.vim              | 1 +
 test/test.css                      | 7 +++++++
 test/test.html                     | 7 +++++++
 5 files changed, 22 insertions(+)
 create mode 100644 after/syntax/css/css-display-3.vim

diff --git a/README.md b/README.md
index 1c0f49c..b2637f6 100644
--- a/README.md
+++ b/README.md
@@ -50,6 +50,7 @@ HISTORY
 
 ### v0.10 (in progress)
 
+  * Add CSS Display Module Level 3 features
   * Move Selectors Level 4 features correctly
   * Move page break values from `css3-multicol.vim` to `css3-page.vim`
   * Follow spec updates
diff --git a/after/syntax/css/css-display-3.vim b/after/syntax/css/css-display-3.vim
new file mode 100644
index 0000000..ac30e17
--- /dev/null
+++ b/after/syntax/css/css-display-3.vim
@@ -0,0 +1,6 @@
+if !hlexists('cssDisplayProp')
+  syn match cssFontProp contained "\<display-\(inside\|outside\|extras\|box\)\>"
+  syn keyword cssFontAttr contained contents
+  syn match cssFontAttr contained "\<\(block\|inline\)-level\>"
+  syn match cssFontAttr contained "\<inline-list-item\>"
+endif
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index 7768cf3..7f4d6c7 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -33,6 +33,7 @@ syn include @htmlCss syntax/css/css3-transitions.vim
 syn include @htmlCss syntax/css/css3-ui.vim
 syn include @htmlCss syntax/css/css3-values.vim
 syn include @htmlCss syntax/css/css-counter-styles-3.vim
+syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-grid-1.vim
 syn include @htmlCss syntax/css/css-masking-1.vim
 syn include @htmlCss syntax/css/css-overflow-3.vim
diff --git a/test/test.css b/test/test.css
index 0eac6d1..792964c 100644
--- a/test/test.css
+++ b/test/test.css
@@ -108,6 +108,13 @@
   speak-as: auto;
 }
 
+.display {
+  display-inside: block-level;
+  display-outside: inline-level;
+  display-extras: inline-list-item;
+  display-box: contents;
+}
+
 .exclusions {
   wrap-flow: minimum;
   wrap-through: maximum;
diff --git a/test/test.html b/test/test.html
index a25be36..06a30a0 100644
--- a/test/test.html
+++ b/test/test.html
@@ -118,6 +118,13 @@
         speak-as: auto;
       }
 
+      .display {
+        display-inside: block-level;
+        display-outside: inline-level;
+        display-extras: inline-list-item;
+        display-box: contents;
+      }
+
       .exclusions {
         wrap-flow: minimum;
         wrap-through: maximum;