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

Follow changes in WD-css-sizing-3-20180304

Browse Source 
See also: http://www.w3.org/TR/2018/WD-css-sizing-3-20180304/

This commit also moves `fit-content()` from `css-grid-1.vim`.
This commit is contained in:
Kyo Nagashima
2018-03-06 11:50:48 +09:00
parent 216d6d7300
commit b81a10086d
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -6,4 +6,4 @@ 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\>"
syn match cssValueNumber contained "[01]\(.\d\+\)\=fr" syn match cssValueNumber contained "[01]\(.\d\+\)\=fr"
syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|fit-content\|repeat\)\s*(" end=")" oneline keepend syn region cssFunction contained matchgroup=cssFunctionName start="\<\(minmax\|repeat\)\s*(" end=")" oneline keepend

3
after/syntax/css/css-sizing-3.vim
View File

@@ -1 +1,2 @@
syn match cssFontAttr contained "\<\(\(min\|max\|fit\)-content\)\>" syn match cssFontAttr contained "\<\(\(min\|max\)-content\)\>"
syn region cssFunction contained matchgroup=cssFunctionName start="\<\(fit-content\)\s*(" end=")" oneline keepend

4
test/test.css
View File

@@ -360,7 +360,7 @@
grid-template-columns: grid; grid-template-columns: grid;
grid-template-rows: inline-grid; grid-template-rows: inline-grid;
grid-template-areas: minmax(0, 1); grid-template-areas: minmax(0, 1);
grid-template: fit-content(10%); grid-template: auto;
grid-auto-rows: repeat(4); grid-auto-rows: repeat(4);
grid-auto-columns: 0.2fr; grid-auto-columns: 0.2fr;
grid-auto-flow: dense; grid-auto-flow: dense;
@@ -712,7 +712,7 @@
.sizing-3 { .sizing-3 {
display: max-content; display: max-content;
display: min-content; display: min-content;
display: fit-content; display: fit-content(10%);
} }
.speech { .speech {