Follow changes in WD-css-align-3-20170906

This changes generalize gap specific properties for flexbox, grid, and
multicol. So, move these.

See also: http://www.w3.org/TR/2017/WD-css-align-3-20170906/

Author: hail2u

after/syntax/css/css-align-3.vim

@@ -1,4 +1,5 @@
 syn match cssFontProp contained "\<\(justify\|align\|place\)-\(self\|content\|items\)\>"
+syn match cssFontProp contained "\<\(grid-\)\=\(\(row\|column\)-\)\=gap\>"
 syn keyword cssFontAttr contained safe unsafe legacy
 syn match cssFontAttr contained "\<\(self\|flex\)-\(start\|end\)\>"
 syn match cssFontAttr contained "\<space-\(between\|around\|evenly\)\>"

after/syntax/css/css-grid-1.vim

@@ -2,7 +2,6 @@ syn match cssFontProp contained "\<grid-template\(-\(columns\|rows\|areas\)\)\=\
 syn match cssFontProp contained "\<grid-auto-\(columns\|rows\|flow\)\>"
 syn match cssFontProp contained "\<grid-\(row\|column\)\(-\(start\|end\)\)\=\>"
 syn match cssFontProp contained "\<grid-area\>"
-syn match cssFontProp contained "\<grid\(-\(column\|row\)\)\=-gap\>"
 syn keyword cssFontAttr contained grid dense span
 syn match cssFontAttr contained "\<inline-grid\>"
 syn match cssFontAttr contained "\<auto-flow\>"

after/syntax/css/css3-multicol.vim

@@ -1,5 +1,4 @@
-" TODO: create cssMulticolProp group and cssMulticolAttr group
 syn keyword cssFontProp contained columns
-syn match cssFontProp contained "\<column-\(count\|fill\|gap\|rule\(-\(color\|style\|width\)\)\=\|span\|width\)\>"
+syn match cssFontProp contained "\<column-\(count\|fill\|rule\(-\(color\|style\|width\)\)\=\|span\|width\)\>"
 syn keyword cssFontAttr contained balance
 syn match cssFontAttr contained "\<\(avoid-\)\=column\>"

test/test.css

@@ -8,7 +8,12 @@
   place-self: space-around;
   place-content: space-between;
   place-items: space-evenly;
-  display: legacy;
+  row-gap: legacy;
+  column-gap: auto;
+  gap: auto;
+  grid-column-gap: auto;
+  grid-row-gap: auto;
+  grid-gap: auto;
 }
 
 .animations {
@@ -370,9 +375,6 @@
   grid-column: auto;
   grid-row: auto;
   grid-area: auto;
-  grid-column-gap: auto;
-  grid-row-gap: auto;
-  grid-gap: auto;
 }
 
 .images-3 {
@@ -502,7 +504,6 @@
   columns: column;
   column-count: balance;
   column-fill: avoid-column;
-  column-gap: auto;
   column-rule: auto;
   column-rule-color: auto;
   column-rule-style: auto;

test/test.html

@@ -18,7 +18,12 @@
   place-self: space-around;
   place-content: space-between;
   place-items: space-evenly;
-  display: legacy;
+  row-gap: legacy;
+  column-gap: auto;
+  gap: auto;
+  grid-column-gap: auto;
+  grid-row-gap: auto;
+  grid-gap: auto;
 }
 </style>
 <style>
@@ -404,9 +409,6 @@
   grid-column: auto;
   grid-row: auto;
   grid-area: auto;
-  grid-column-gap: auto;
-  grid-row-gap: auto;
-  grid-gap: auto;
 }
 </style>
 <style>
@@ -545,7 +547,6 @@
   columns: column;
   column-count: balance;
   column-fill: avoid-column;
-  column-gap: auto;
   column-rule: auto;
   column-rule-color: auto;
   column-rule-style: auto;