From 73ba250fa1a55ed0f3725e20b4d8fcb23c1db7b8 Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <kyo@hail2u.net>
Date: Fri, 19 Dec 2014 12:49:06 +0900
Subject: [PATCH] Add css-inline-3.vim and test

See also: http://www.w3.org/TR/css-inline-3/
---
 after/syntax/css/css-inline-3.vim | 3 +++
 after/syntax/html.vim             | 1 +
 test/test.css                     | 5 +++++
 test/test.html                    | 5 +++++
 4 files changed, 14 insertions(+)
 create mode 100644 after/syntax/css/css-inline-3.vim

diff --git a/after/syntax/css/css-inline-3.vim b/after/syntax/css/css-inline-3.vim
new file mode 100644
index 0000000..a1f55c8
--- /dev/null
+++ b/after/syntax/css/css-inline-3.vim
@@ -0,0 +1,3 @@
+" TODO: create cssInlineProp and cssInlineAttr
+syn match cssFontProp contained "\<initial-letter\(-align\)\="
+syn keyword cssFontAttr contained ideographic
diff --git a/after/syntax/html.vim b/after/syntax/html.vim
index 0a0601c..ab7566f 100644
--- a/after/syntax/html.vim
+++ b/after/syntax/html.vim
@@ -30,6 +30,7 @@ syn include @htmlCss syntax/css/css-display-3.vim
 syn include @htmlCss syntax/css/css-flexbox-1.vim
 syn include @htmlCss syntax/css/css-gcpm-3.vim
 syn include @htmlCss syntax/css/css-grid-1.vim
+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
diff --git a/test/test.css b/test/test.css
index d33225c..44c2c19 100644
--- a/test/test.css
+++ b/test/test.css
@@ -232,6 +232,11 @@
   display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
 }
 
+.inline {
+  initial-letter: ideographic;
+  initial-letter-align: auto;
+}
+
 .layout::slot(b) {
   display: same;
 }
diff --git a/test/test.html b/test/test.html
index 1069016..cd0b166 100644
--- a/test/test.html
+++ b/test/test.html
@@ -243,6 +243,11 @@
         display: repeating-radial-gradient(farthest-corner at 50% 50%, yellow, green);
       }
 
+      .inline {
+        initial-letter: ideographic;
+        initial-letter-align: auto;
+      }
+
       .layout::slot(b) {
         display: same;
       }