From 483251460868a81156a556d07d4f7f55ce7e8185 Mon Sep 17 00:00:00 2001
From: Kyo Nagashima <hail2u@gmail.com>
Date: Wed, 1 Aug 2018 09:46:51 +0900
Subject: [PATCH] Follow changes in WD-css3-box-20180731

See also: https://www.w3.org/TR/2018/WD-css3-box-20180731/

Note: This changes does not include `float-displace--alternative-*`
properties.
---
 after/syntax/css/box-3.vim | 10 +++++++---
 test/test.css              | 16 ++++++++++++----
 2 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/after/syntax/css/box-3.vim b/after/syntax/css/box-3.vim
index 9250c91..599892d 100644
--- a/after/syntax/css/box-3.vim
+++ b/after/syntax/css/box-3.vim
@@ -1,4 +1,8 @@
-syn match cssBoxProp contained "\<overflow-\(style\|x\|y\)\>"
-syn match cssBoxProp contained "\<rotation\(-point\)\=\>"
-syn keyword cssBoxAttr contained scrollbar panner marquee
+syn match cssBoxProp contained "\<clear-after\>"
+syn match cssBoxProp contained "\<float-displace\>"
+syn match cssBoxProp contained "\<indent-edge-reset\>"
+syn keyword cssBoxAttr contained scrollbar panner marquee decendants complex available
 syn match cssBoxAttr contained "\<ruby\(-\(base\(-group\)\=\|text\(-group\)\=\)\)\=\>"
+syn match cssBoxAttr contained "\<block-within-page\>"
+syn match cssBoxAttr contained "\<fit-content\>"
+syn match cssBoxAttr contained "\<\(margin\|border\|padding\|content\)-edge\>"
diff --git a/test/test.css b/test/test.css
index 7e0316a..4dabe13 100644
--- a/test/test.css
+++ b/test/test.css
@@ -43,10 +43,9 @@
 }
 
 .box-3 {
-  overflow-style: auto;
-  overflow-x: auto;
-  overflow-y: auto;
-  rotation-point: auto;
+  clear-after: auto;
+  float-displace: auto;
+  indent-edge-reset: auto;
   display: scrollbar;
   display: panner;
   display: marquee;
@@ -55,6 +54,15 @@
   display: ruby-text;
   display: ruby-base-group;
   display: ruby-text-group;
+  display: decendants;
+  display: block-within-page;
+  display: fit-content;
+  display: complex;
+  display: margin-edge;
+  display: border-edge;
+  display: padding-edge;
+  display: content-edge;
+  display: available;
 }
 
 .break-3 {