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

follow WD-css3-grid-layout-20130910

Browse Source
This commit is contained in:
Kyo Nagashima
2013-09-11 17:35:26 +09:00
parent 0a44b2f0fa
commit 960c05e988
2 changed files with 21 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
after/syntax/css/css3-grid-layout.vim
View File

@@ -1,4 +1,9 @@
" TODO: create cssGridLayoutProp group and cssGridLayoutAttr group " TODO: create cssGridLayoutProp group and cssGridLayoutAttr group
syn match cssFontProp contained "\<grid-\(definition-\(rows\|columns\)\|template\|auto-\(rows\|columns\)\|before\|start\|after\|end\|column\|row\|area\|auto-flow\)\>" syn match cssFontProp contained "\<grid-template\(-\(columns\|rows\|areas\)\)\=\>"
syn keyword cssFontAttr contained grid subgrid rows syn match cssFontProp contained "\<grid-auto-\(columns\|rows\|flow\|position\)\>"
syn match cssFontProp contained "\<grid-\(row\|column\)\(-\(start\|end\)\)\=\>"
syn match cssFontProp contained "\<grid-area\>"
syn keyword cssFontAttr contained grid subgrid rows columns dense span
syn match cssFontAttr contained "\<inline-grid\>" syn match cssFontAttr contained "\<inline-grid\>"
syn match cssValueNumber contained "[01]\(.\d\+\)\=fr"
syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend

25
test/test.css
View File

@@ -156,19 +156,22 @@
} }
.grid-layout { .grid-layout {
grid-after: grid; grid-template-columns: grid;
grid-area: subgrid; grid-template-rows: inline-grid;
grid-auto-columns: rows; grid-template-areas: minmax(0, 1);
grid-auto-flow: inline-grid; grid-template: repeat(4);
grid-auto-rows: auto; grid-auto-columns: 0.2fr;
grid-before: auto; grid-auto-rows: subgrid;
grid-auto-flow: rows;
grid-auto-position: columns;
grid: dense;
grid-row-start: span;
grid-column-start: auto;
grid-row-end: auto;
grid-column-end: auto;
grid-column: auto; grid-column: auto;
grid-definition-columns: auto;
grid-definition-rows: auto;
grid-end: auto;
grid-row: auto; grid-row: auto;
grid-start: auto; grid-area: auto;
grid-template: auto;
} }
.hyperlinks { .hyperlinks {