CSS snippets for UltiSnips.vim and Yasnippet

Style faster

My collection of CSS snippets lets you type CSS faster. Just use these on a Vim+UltiSnips setup and you can type abbreviations of declarations to expand to full CSS like so:

db<tab>
m0<tab>
fl<tab>

To become:

display: block;
margin: 0;
float: left;

See this list for a full list of snippets.

Emacs Installation

1. Install yasnippet
2. Clone this repository
3. Add to your .emacs the following

(setq yas-snippet-dirs
      '("~/.emacs.d/snippets"                  ;; personal snippets
        "/path/to/where/you/cloned/Yasnippet"  ;; foo-mode and bar-mode snippet collection
        ))

4. M-x yas/reload-all to activate them

Vim Installation

You'll need

• Vim
• UltiSnips
• Pathogen or Vundle (optional but recommended)

Installation via Vundle

Add to your .vimrc:

Bundle 'SirVer/ultisnips'
Bundle 'okbreathe/vim-ultisnips-css'

Installation via Pathogen

$ git clone https://github.com/SirVer/ultisnips.git ~/.vim/bundle/ultisnips
$ git clone https://github.com/okbreathe/vim-ultisnips-css.git ~/.vim/bundle/vim-ultisnips-css

Installation via Vim without Vundle/Pathogen

It's possible but I won't even tell you how to. Do yourself a favor and start using Vundle or Pathogen.

Contributing

Just edit the YML file, don't edit the snippet files themselves.

Acknowledgements

© 2012, Rico Sta. Cruz. Released under the MIT License.

• My website (ricostacruz.com)
• Github (@rstacruz)
• Twitter (@rstacruz)