Working with Compass in Visual Studio

Compass adds some amazing features for Sass users - it adds many new functions, image spriting and more. Compass however does have some conventions that you must abide by.

Step 1: Activate Compass Support

This will enable Compass in your project. You will notice several changes:

• A 'sass' folder is created. All your Compass compiled Sass files must go in this directory
• A config.rb file. This file instructs the Compass compiler on what options it needs

Note: Any Sass files not stored in the Sass directory will be compiled using the normal Sass compiler, not the Compass compiler.

Step 2: Image Spriting (optional)

Compass can create image sprite sheets automatically for you and ensure that the correct CSS markup is included for the sprite map. This is a huge timesaver and allows you to build much faster websites by reducing the request count.

You can read more about the many features, functions and awesomeness of Compass on their website.