GitHub - hail2u/vim-css3-syntax: CSS3 syntax (and syntax defined in some foreign...
source link: https://github.com/hail2u/vim-css3-syntax
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
vim-css3-syntax
CSS3 syntax (and syntax defined in some foreign specifications) support for
Vim’s built-in syntax/css.vim
INSTALLATION
I strongly recommend to install this plugin on Vim 8.2 or higher with default runtime files.
Vim package
$ mkdir -p ~/.vim/pack/css3-syntax/start
$ cd ~/.vim/pack/css3-syntax/start
$ git clone https://github.com/hail2u/vim-css3-syntax.git
pathogen.vim
$ cd ~/.vim/bundle
$ git clone https://github.com/hail2u/vim-css3-syntax.git
Manual
Download vim-css3-syntax.tar.gz
from GitHub, extract it, and copy the contents
to your ~/.vim
directory.
NOTES
Highlighting problems on: vertical-align
, box-shadow
, and others
Some properties do not highlight correctly by default. This is a limitation of
Vim’s highlight priority mechanism. To fix this problems, put following lines
in your ~/.vim/after/css.vim
:
setlocal iskeyword+=-
Or in your ~/.vimrc
:
augroup VimCSS3Syntax
autocmd!
autocmd FileType css setlocal iskeyword+=-
augroup END
This setting have side effects. So, use it at your own risk.
Vendor Prefixes
I do not plan to support CSS3 properties (or functions) with vendor prefixes,
such as -webkit-
or -moz-
, etc. These are hard to maintain because they are:
- Added frequently
- Changed unexpectedly
- Removed silently
These must be supported by separate syntax plugins (Vim 7.4’s default CSS
syntax file supports this). If you want to highlight prefixed properties or
functions manually, :highlight
and :match
would help:
:highlight VendorPrefix guifg=#00ffff gui=bold
:match VendorPrefix /-\(moz\|webkit\|o\|ms\)-[a-zA-Z-]\+/
These commands highlight vendor prefixed properties and functions instantly with cyan and bold (on gVim).
Media Queries
I drop Media Queries Level 3 support in v0.12.0. There is no easy way to support
Media Queries properly with after
syntax plugin like this one, sorry. If you
want to highlight Media Queries correctly, you must update Vim to 8.0+.
AUTHOR
Kyo Nagashima [email protected] (https://hail2u.net/)
LICENSE
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK