mirror of
https://github.com/hail2u/vim-css3-syntax.git
synced 2025-12-07 03:04:26 +08:00
127 lines
3.3 KiB
Markdown
127 lines
3.3 KiB
Markdown
TITLE
|
|
=====
|
|
|
|
vim-css3-syntax
|
|
|
|
|
|
DESCRIPTION
|
|
===========
|
|
|
|
Add CSS3 syntax support to vim's built-in `syntax/css.vim`.
|
|
|
|
|
|
About Vendor Extension
|
|
----------------------
|
|
|
|
I don't hava a plan to support a CSS 3 property (and function) with
|
|
vendor extension, such as -webkit- or -moz-. These are hard to maintain
|
|
because:
|
|
|
|
* Added frequently
|
|
* Changed unexpectedly
|
|
* Removed silently
|
|
|
|
These must be supported by seperate syntax plugin.
|
|
|
|
|
|
INSTALLATION
|
|
============
|
|
|
|
Extract vim-css3-syntax.tar.gz and copy contents to `~/.vim` directory.
|
|
|
|
|
|
Git and pathogen
|
|
----------------
|
|
|
|
$ cd ~/.vim/bundle
|
|
$ git clone https://hail2u@github.com/hail2u/vim-css3-syntax.git
|
|
|
|
|
|
With HTML file
|
|
--------------
|
|
|
|
Create `~/.vim/after/syntax/html.vim` and write these line:
|
|
|
|
syn include @htmlCss syntax/css/html5-elements.vim
|
|
syn include @htmlCss syntax/css/css3-animations.vim
|
|
syn include @htmlCss syntax/css/css3-background.vim
|
|
syn include @htmlCss syntax/css/css3-box.vim
|
|
syn include @htmlCss syntax/css/css3-colors.vim
|
|
syn include @htmlCss syntax/css/css3-flexbox.vim
|
|
syn include @htmlCss syntax/css/css3-functions.vim
|
|
syn include @htmlCss syntax/css/css3-gcpm.vim
|
|
syn include @htmlCss syntax/css/css3-grid.vim
|
|
syn include @htmlCss syntax/css/css3-hyperlinks.vim
|
|
syn include @htmlCss syntax/css/css3-linebox.vim
|
|
syn include @htmlCss syntax/css/css3-marquee.vim
|
|
" syn include @htmlCss syntax/css/css3-mediaqueries.vim
|
|
syn include @htmlCss syntax/css/css3-multicol.vim
|
|
syn include @htmlCss syntax/css/css3-pseudo-classes.vim
|
|
syn include @htmlCss syntax/css/css3-ruby.vim
|
|
syn include @htmlCss syntax/css/css3-text.vim
|
|
syn include @htmlCss syntax/css/css3-transforms.vim
|
|
syn include @htmlCss syntax/css/css3-transitions.vim
|
|
syn include @htmlCss syntax/css/css3-ui.vim
|
|
syn include @htmlCss syntax/css/css3-writing-modes.vim
|
|
|
|
|
|
With SCSS (Sassy CSS) file
|
|
--------------------------
|
|
|
|
Create `~/.vim/after/syntax/scss.vim` and write these lines:
|
|
|
|
runtime! syntax/css/html5-elements.vim
|
|
runtime! syntax/css/css3-animations.vim
|
|
runtime! syntax/css/css3-background.vim
|
|
runtime! syntax/css/css3-box.vim
|
|
runtime! syntax/css/css3-colors.vim
|
|
runtime! syntax/css/css3-flexbox.vim
|
|
runtime! syntax/css/css3-functions.vim
|
|
runtime! syntax/css/css3-gcpm.vim
|
|
runtime! syntax/css/css3-grid.vim
|
|
runtime! syntax/css/css3-hyperlinks.vim
|
|
runtime! syntax/css/css3-linebox.vim
|
|
runtime! syntax/css/css3-marquee.vim
|
|
" runtime! syntax/css/css3-mediaqueries.vim
|
|
runtime! syntax/css/css3-multicol.vim
|
|
runtime! syntax/css/css3-pseudo-classes.vim
|
|
runtime! syntax/css/css3-ruby.vim
|
|
runtime! syntax/css/css3-text.vim
|
|
runtime! syntax/css/css3-transforms.vim
|
|
runtime! syntax/css/css3-transitions.vim
|
|
runtime! syntax/css/css3-ui.vim
|
|
runtime! syntax/css/css3-writing-modes.vim
|
|
|
|
|
|
HISTORY
|
|
=======
|
|
|
|
v0.3
|
|
----
|
|
|
|
* Add CSS3 Presentation Levels Module features
|
|
* Add CSS3 Lists Module features
|
|
* Add CSS3 Generated and Replaced Content Module features
|
|
* Add CSS Template Layout Module features
|
|
* Add CSS Image Values and Replaced Content Module Level 3 features
|
|
* Fix: can't highlight class names inside @media block
|
|
* some minor bug fixes
|
|
|
|
|
|
v0.2
|
|
----
|
|
|
|
* almost all CSS3 features added
|
|
|
|
|
|
v0.1
|
|
----
|
|
|
|
* Initial release
|
|
|
|
|
|
AUTHOR
|
|
======
|
|
|
|
* Kyo Namegashima <kyo@hail2u.net>
|