Skip to content

Add CSS3 syntax support to vim's built-in `syntax/css.vim`.

Notifications You must be signed in to change notification settings

ropwareJB/vim-css3-syntax

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

207 Commits
 
 
 
 
 
 

Repository files navigation

vim-css3-syntax

Add CSS3 syntax support to Vim's built-in syntax/css.vim.

INSTALLATION

I strongly recommend to install this plugin on Vim 7.4 or higher with default runtime files.

Manual Installation

Download from GitHub, extract vim-css3-syntax.tar.gz, and copy the contents to your ~/.vim directory.

Installing with Git and pathogen

$ cd ~/.vim/bundle
$ git clone https://github.com/hail2u/vim-css3-syntax.git

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

In the process of adding!

CSS Preprocessors: Sass, LESS, and Stylus

vim-css3-syntax supports Sass's SCSS syntax only. If you want to use this plugin with LESS, install VIM-LESS. Sass's indent syntax and Stylus are not supported.

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 7.4+ or install JulesWang/css.vim.

AUTHOR

Kyo Namegashima kyo@hail2u.net

LICENSE

MIT: http://hail2u.mit-license.org/2011

About

Add CSS3 syntax support to vim's built-in `syntax/css.vim`.

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages

  • Vim Script 62.2%
  • CSS 37.8%