Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Enhanced version of CSS syntax highlighting script file for vim,supports for CSS3
VimL
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
syntax
readme.md

readme.md

Enhanced version of CSS syntax highlighting script file for vim, supports for CSS3

Introduction

The script is based on the original css syntax file, and support for CSS3 syntax highlighting. Included many of CSS3 Property,Attribute and Selector, and support for the prefix "-moz-,-webkit-,-o-,-ms-",too.
About At-rule groups that in the script file, see the link.
Also, it support the Beautify CSS feature, you can use it to by the :CSSBeautify command.

Options

As a optional, "css_fast_sync" argument can be used for switch the syntax synchronization settings. By default, to use syn sync minlines=2000 as the setting of syntax synchronization.
If you have a slow machine,then you can use the following option(to use syn sync maxlines=200):

let g:css_fast_sync = 1

About the CSSBeautify command :

Original:

body{ width:680px ;
background-color:#FFF;
box-shadow: -1px 1px 3px #DDD;
padding: 10px
}
a:nth-of-type(2n) 
{
  background-color:#FFF!important
}
.class #id{border-radius:0px!important;}

Applied the command:

body {
width: 680px ;
background-color: #FFF ;
box-shadow: -1px 1px 3px #DDD ;
padding: 10px ;
}
a:nth-of-type(2n) {
background-color: #FFF !important;
}
.class #id {
border-radius: 0px !important;
}

Screenshots:

Example 1 Example 2 Example 3

Something went wrong with that request. Please try again.