Updating the .scss file doesn't change the .css or min.css.

I have had this happen several times on my machine. In the past, a fresh install fixed it, but not this time.

I can see an edit the .scss files, but those changes are not automatically getting applied to the .css and .min.css. If I change the .css, it is applied to the .min.css. This means I have do update the .scss and the .css in order to keep them in sync.

Also, I have noticed that the .scss file doesn't' seem to be recognizing the sass markup.

#messagesSummary .msgItem { cursor:pointer;
    .msgRemind:hover { background-position: -32px 0; }

the .msgReminder:hover isn't colored in maroon, it is black.

How do I fix this? And, how do I keep it from happening?

NOTE: I have verified in the Workbench Settings that the file is marked for Compile and Minify.

Are you using Compass? You should see the .css/.min.css files generated automatically if you are using the standard Sass compiler so if you are not using Compass let us know. With Compass we call out to the Compass compiler which has its own process for compilation and minification so the behaviour is for it to produce the single .scss file.

We do have an item on our backlog to do a subsequent "save" on the .css files generated by Compass to perform a minification action (if thats defined in the project settings) as the call out to the Compass compiler has completed. This will generate the .min.css alongside the standard output from Compass.

In regarding to the syntax highlighting, Ive pasted in that block there and adding a closing brace to the outer selector and it is highlighting the .msgRemind:hover element correctly - if you paste that block into a new file does it highlight correctly? If it does it would indicate there is something else preceding that declaration which is impacting the highlighting.

Jeremy

I am not using compass.

When I paste into a brand new file, I get the same results. It hasn't always been that way, something just keeps getting corrupted.

Do you have any other extensions installed? It sounds like there may be something else involved which is impacting on both the saving and the highlighting.

Jeremy

I have several other extensions, but I have a laptop with the same extensions and no issues.

After the last corruption, I suspect it has something to do with trying to change the .scss file while running in debug mode. I think the last two times it happened, I did this just before it broke.

Even if you have the same extensions installed on another machine, the load order for the extensions which you have installed (which is arbitrary) can impact things. e.g. Loading Web Workbench before Web Essentials will cause Web Essentials to interfere with Web Workbench and vice versa so they are incompatible with each other. I would still look at disabling any other extensions you have and checking if that is the problem - particularly if this is an intermittent issue that could be the cause.

If that doesn't solve the problem then if there is something you can send through to us to try and reproduce the problem then we can try and diagnose this locally for you.

Jeremy

Sorry for the delayed response. I had my longest stretch of no issues. Then, it happened again.

I disabled WebEssentials and it works. Are the two really incompatible?

Yes you will need to disable this. Web Essentials hooks a lot of the same editors that we do, with Visual Studio Extensions its a case of last in wins and the load order is arbitrary so with both enabled you will see odd behaviour in both.

Jeremy