Workaround for hyphenated properties on CSS

[vallovic]

This is not really an issue, in fact it's just a recommendation on using this plugin in CSS, that I think that could be on the documentation.

When I want to check out the documentation of a given property/keyword/function using SublimePeek, I don't like to have to select it all. I have the cursor in there, I fire up Cmd+Shift-H. Simple.

By default, Sublime Text considers the hyphen as a word separator and I really like it that way, but because of that, when I try to use SublimePeek with a property like 'background-color', it shows me 'background' or 'color' documentation, depending on the location of the cursor (this is just an example).

As I said before, I like the hyphen as a word separator, but sometimes we have to give up something to make us more productive, so a workaround for this is to remove the hyphen from the word separators list, but only for CSS files.

To do this, open any CSS file you have (or set syntax to CSS on an empty one), then go to Preferences > Settings - More > Syntax Specific - User. It will open a CSS.sublime-settings file on which you should paste the following lines (it's just the default word separators list, without the hyphen):

{
    "word_separators": "./\\()\"':,.;<>~!@#$%^&*|+=[]{}`~?"
}

Save it and now you can fire up the documentation of any hyphenated CSS property just with the cursor in there.