csscomb / vim-csscomb

CSScomb plugin for Vim. Tool for sorting CSS properties in specific order.

CSScomb plugin for Vim

About

Plugin based on CSScomb algorithm.

The algorithm of CSScomb simulates web-technologists actions upon working with CSS-code to the limit. Usually to re-order code you move lines over each other considering comments in the code, multilines records of property values, hacks and everything that could be found in the real file. CSScomb reproduces these actions for you. This means that the parser "thinks" as a person editing the text, not as a blind robot parsing CSS.

For more info, online demo and tests see csscomb.com

The Requirements

CSScomb is written in pure JavaScript. Install with:

npm install -g csscomb

Installation

With Pathogen

cd ~/.vim/bundle
git clone https://github.com/csscomb/vim-csscomb.git

With Vundle

Add this to .vimrc:

Bundle 'git://github.com/csscomb/vim-csscomb.git'

With NeoBundle

Add this to .vimrc:

NeoBundle 'csscomb/vim-csscomb'

Manual without plugins manager

git clone https://github.com/csscomb/vim-csscomb.git csscomb
cp -r csscomb/plugin/* ~/.vim/plugin/

Usage

Vim command:

:CSScomb

Suggested Configuration

" Map bc to run CSScomb. bc stands for beautify css
autocmd FileType css noremap <buffer> <leader>bc :CSScomb<CR>
" Automatically comb your CSS on save
autocmd BufWritePre,FileWritePre *.css,*.less,*.scss,*.sass silent! :CSScomb