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

Add borders-4.vim

Browse Source 
https://www.w3.org/TR/2025/WD-css-borders-4-20250722/#border-radius

This commit also moves some keywords from backgrounds-4 to brders-4.
This commit is contained in:
Kyo Nagashima
2025-08-14 15:36:33 +09:00
parent 91b78456d4
commit 2fb65e8ac3
3 changed files with 46 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
after/syntax/css/backgrounds-4.vim
View File

@@ -1,2 +1,2 @@
syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block corners corner-shape border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left syn keyword cssFontProp contained background-position-x background-position-y background-position-inline background-position-block
syn keyword cssFontAttr contained x-start x-end y-start y-end bevel scoop notch syn keyword cssFontAttr contained x-start x-end y-start y-end

3
after/syntax/css/borders-4.vim Normal file
View File

@@ -0,0 +1,3 @@
syn keyword cssFontProp contained border-top-radius border-right-radius border-bottom-radius border-left-radius border-block-start-radius border-block-end-radius border-inline-start-radius border-inline-end-radius corner-top-left-shape corner-top-right-shape corner-bottom-right-shape corner-bottom-left-shape corner-start-start-shape corner-start-end-shape corner-end-start-shape corner-end-end-shape corner-top-shape corner-right-shape corner-bottom-shape corner-left-shape corner-block-start-shape corner-block-end-shape corner-inline-start-shape corner-inline-end-shape corner-shape corners border-limit border-clip border-clip-top border-clip-right border-clip-bottom border-clip-left box-shadow-color box-shadow-offset box-shadow-blur box-shadow-spread box-shadow-position border-shape
syn keyword cssFontAttr contained squircle bevel scoop notch sides corners
syn region cssFunction contained matchgroup=cssFunctionName start="\<superellipse\s*(" end=")" oneline keepend

45
test/test.css
View File

@@ -84,6 +84,37 @@
background-position-y: auto; background-position-y: auto;
background-position-inline: auto; background-position-inline: auto;
background-position-block: auto; background-position-block: auto;
display: x-start;
display: x-end;
display: y-start;
display: y-end;
}
.borders-4 {
border-top-radius: auto;
border-right-radius: auto;
border-bottom-radius: auto;
border-left-radius: auto;
border-block-start-radius: auto;
border-block-end-radius: auto;
border-inline-start-radius: auto;
border-inline-end-radius: auto;
corner-top-left-shape: auto;
corner-top-right-shape: auto;
corner-bottom-right-shape: auto;
corner-bottom-left-shape: auto;
corner-start-start-shape: auto;
corner-start-end-shape: auto;
corner-end-start-shape: auto;
corner-end-end-shape: auto;
corner-top-shape: auto;
corner-right-shape: auto;
corner-bottom-shape: auto;
corner-left-shape: auto;
corner-inline-start-shape: auto;
corner-inline-end-shape: auto;
corner-block-start-shape: auto;
corner-block-end-shape: auto;
corner-shape: auto; corner-shape: auto;
corners: auto; corners: auto;
border-limit: auto; border-limit: auto;
@@ -92,13 +123,19 @@
border-clip-right: auto; border-clip-right: auto;
border-clip-bottom: auto; border-clip-bottom: auto;
border-clip-left: auto; border-clip-left: auto;
display: x-start; box-shadow-color: auto;
display: x-end; box-shadow-offset: auto;
display: y-start; box-shadow-blur: auto;
display: y-end; box-shadow-spread: auto;
box-shadow-position: auto;
border-shape: auto;
display: squircle;
display: bevel; display: bevel;
display: scoop; display: scoop;
display: notch; display: notch;
display: superellipse(1);
display: sides;
display: corners;
} }
.box-3 { .box-3 {