Cleanup and organize your CSS with SASS

Always hated the organizations of your CSS?
Now in Visual Studio there is support for CSS pre-processors.

A CSS pre-processor helps you organize your css, use variables, simplify your code, use multiple files and join them to 1 compiled, minified, css file.

Such a pre-processor is SASS. Easy to use and it's documentation is very clear.

In Visual Studio there is no "out-of-the-box" support for it, but you can install an extension called "Web compiler" for it.

An extra contextmenu item is added for compiling your css and the sass file will be compiled into a normal css and a minified version!

Now in your web project just rename the extension of your css file to  .scss and you're good to go.

For me a very important feature is being able to split up the css files and include them via the @import statement.

Experiencing it in a few projects now, i cannot do without them anymore!