VimPlug/vim-css3-syntax
1
0
Fork 0
mirror of https://github.com/hail2u/vim-css3-syntax.git synced 2025-12-12 05:21:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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/
This commit is contained in:
Kyo Nagashima
2017-09-07 18:56:47 +09:00
parent ed97cb7111
commit c08702b2de
5 changed files with 14 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
after/syntax/css/css-align-3.vim
View File

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

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

@@ -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-auto-\(columns\|rows\|flow\)\>"
syn match cssFontProp contained "\<grid-\(row\|column\)\(-\(start\|end\)\)\=\>" syn match cssFontProp contained "\<grid-\(row\|column\)\(-\(start\|end\)\)\=\>"
syn match cssFontProp contained "\<grid-area\>" syn match cssFontProp contained "\<grid-area\>"
syn match cssFontProp contained "\<grid\(-\(column\|row\)\)\=-gap\>"
syn keyword cssFontAttr contained grid dense span syn keyword cssFontAttr contained grid dense span
syn match cssFontAttr contained "\<inline-grid\>" syn match cssFontAttr contained "\<inline-grid\>"
syn match cssFontAttr contained "\<auto-flow\>" syn match cssFontAttr contained "\<auto-flow\>"

3
after/syntax/css/css3-multicol.vim
View File

@@ -1,5 +1,4 @@
" TODO: create cssMulticolProp group and cssMulticolAttr group
syn keyword cssFontProp contained columns 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 keyword cssFontAttr contained balance
syn match cssFontAttr contained "\<\(avoid-\)\=column\>" syn match cssFontAttr contained "\<\(avoid-\)\=column\>"

11
test/test.css
View File

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

11
test/test.html
View File

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