Compass

File | Settings | Languages and Frameworks | Compass for Windows and Linux
PhpStorm | Preferences | Languages and Frameworks | Compass for OS X
Ctrl+Alt+S

Use this page to integrate the Compass framework with PhpStorm and thus enable transpilation of Sass and SCSS files from Compass-specific projects into CSS. For details, see Using File Watchers.

Prerequisites

Before you start working with Compass, make sure that Sass support plugin is enabled. The plugin is bundled with PhpStorm and activated by default. If it is not, enable the plugin as described in the section Enabling and Disabling Plugins.

Make sure that Ruby is installed on your computer.

For more details, see Working with Sass and SCSS in Compass Projects.

Item	Description
Enable Compass support	Select this check box to activate Compass support including the possibility to transpile Sass and SCSS files from your Compass project into CSS.
Compass executable file	In this field, specify the location of the compass executable file under the Ruby installation. Type the path manually, for example, C:\Ruby200-x64\bin\compass, or choose it from the drop-down list, or click the Browse button and choose the location of the compass file in the dialog box that opens.
Config path	In this field, specify the location of the project Compass configuration file config.rb. Type the path manually, for example, C:\my_projects\\compass_project\config.rb, or choose it from the drop-down list, or click the Browse button and choose the location of the compass file int he dialog box that opens. The Compass configuration file config.rb is generated during project set-up through compass create or compass init commands.