How to add space after colon in CSS using Sublime Text 2?

Question

When working in CSS (or in SCSS / SASS files) with Sublime Text 2, I would like to automatically add a space after the colon. How can i do this?

What is he doing now:

body { color:red; } 

What I want:

 body { color: red; } 

Answer 1

Add this line:

 { "keys": [":"], "command": "insert", "args": {"characters": ": "}} 

To your .config/sublime-text-2/Packages/User/Default (Linux).sublime-keymap (in the menu: Preferences>Key bindings User ) file. Now every time you press : , : and a space appears ... :)