Automatic CSSComb on save

[karlhorky]

It would be useful to have an option to automate Run CSSComb on every save, rather than manually having to invoke the command.

[lrobeson]

+1

[remillc]

+1

[ghost]

+1

[Gliptal]

+1

[pzi]

+1

[williambout]

+1

[abacaj]

+++++++1

[chris-flanagan]

+1

[jomarinb]

+1

[graylaurenm]

+1

[marcobiedermann]

+1

[lumatijev]

+1

[HarrisJT]

+1

[powelski]

+2

[powelski]

As a workaround, I installed Hooks package, then added this code to my CSS syntax-specific settings:

"on_pre_save_language": [
    {
        "command": "css_comb"
    }
]

Works like a charm!

[lrobeson]

Whoa, I didn't know about the Hooks package, thanks for sharing your workaround!

[powelski]

@lrobeson You're welcome!

[julianpinedayyz]

@powelski This just made my day dude! Awesomeness in 3 lines of code ;)

[karlhorky]

I found another CSS code style formatter plugin that has autosave: https://github.com/yisibl/sublime-perfectionist

[powelski]

@karlhorky Too bad it doesn't sort properties. It just takes care of white characters.

[JackBracken]

Thanks for the link to the hooks package @powelski, made my day

[lspoor]

The problem with @powelski solution is css-comb now runs on any file type I save, is there a way to limit it to css/scss/sass files?

[lrobeson]

@lspoor If you open an .scss file (or whatever syntax you want) and go to "Preferences -> Settings - Syntax Specific" and add this, it will only affect scss or whichever syntax settings file you have open:

// These settings override both User and Default settings for the SCSS syntax { "on_pre_save_language": [ { "command": "css_comb" } ] }

[htmlpluscss]

[
     { "keys": ["ctrl+s"], "command": "css_comb" }
]

[powelski]

@htmlpluscss on_pre_save_language is better solution, because you keep your saving keyboard shortcut in one place, instead of repeating it.