I’ve attached a CSS completions file that I’ve been working hard on. I’m hoping that some might find it useful and, perhaps, interesting! You can just copy it to your Packages\CSS folder. You can rename it, but it needs to keep the extension ‘.sublime-completions’.
[The CodeIntel Package might disable my file, or I believe that there is a CodeIntel setting that disables its’ completions for css (it might already be disabled in this Package).]
I wasn’t interested in selectors, but when entering css properties I wanted to know what values/settings are available, and to be able to supply these very quickly, with just a few keystrokes.
I’ve used camel-case for the tab-triggers; e.g. ‘borderBottomColor’. This way, I can type ‘borBS’ to chose it. It also means you can recognise my versions (I didn’t like all the hyphens in the supplied snippets anyway).
I’ll prepare a cheatsheet, and also post it on my GitHub. But here are some highlights:
float appears like this: float: Left/Right/None;
If you type the letter ‘l’ it will complete the word ‘left’ and you can tab (or press End) to finish. The Capitals indicate what letters you need to press. If you change your mind, just press Backspace (once) and type ‘r’ or ‘n’.
Some are a little more intricate. For example: border-top-style: DAshed/DOtted/Double/Groove/Hidden/Inset/Outset/Ridge/Solid/None;
Pressing D supplies ‘double’, ‘da’ for dashed, ‘do’ for ‘dotted’. Again, you can press backspace if you change your mind.
Clip is interesting: clip: rect(top right bottom left);
‘top’ will be highlighted, and if you type 5px the ‘px’ will appear after the fields ‘right bottom left’ (you can still change these later). Similarly for ‘%’ and a comma.
color (backgroundColor) etc. appear like this: color: _colourname;
If you start typing a colorname it will complete it for you; so, r for red, b for blue, bl for black, etc. There are 28 colours available (although colour numbers #RRGGBB are recommended!).
I’ve created a lot, but this is still a work in progress (and incomplete)! In particular, I haven’t dealt with any shorthand properties (border-width, etc.) as yet… So I will be very interested to receive feedback, good or bad! Andy.
Hint: Sometimes it’s easier to press the End key once you’ve finished, rather than tab through a number of fields!
AndyCSS.zip (3.28 KB)