Is there a way using CSS Zen coding on non css file

Question

I currently use notepad++, coda and espresso. I can't find a way to use the css zen coding on non css file for example on html file or scss for compass.

I would like to use zen coding for compass since it's much faster to type bgc for background-color instead of typing the whole word. It works on css files but not any other way.

the question is: how to enforce css zen coding, so it doesn't xpand with html < >

Thank You

Answer 1

For expresso I found the answer, and I think it's the same for any editor just go to in espresso toolbar view->language->css. It must be the same for the others ;)

Answer 2

Well, I think you can hack the code of the plugin a little bit to get the result that you want.

Assuming you get your Zen CSS plugin from here, you can go to Zen Coding.js and modify code on line 26 to add extra extensions that you need. This is just a guess, but generally you do something along those lines. Good luck!

Answer 3

In Notepad++, Go to Settings -> Style Configurator

Select CSS in the Languages list. In the user ext. text box, type "scss" or any other extension you would want the Zen Coding plugin to work with.

Note: This method also formats your scss as css which is great for normal scss files but might be ugly for partials.

Hope this helps!