WebStorm 2017.2 Help

Compass

File | Settings | Languages and Frameworks | Stylesheets | Compass for Windows and Linux
WebStorm | Preferences | Languages and Frameworks | Stylesheets | Compass for macOS
Ctrl+Alt+S settings


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

Make sure that Ruby is installed on your computer.

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


ItemDescription
Enable Compass support Select this check box to activate Compass support including the possibility to compile Sass and SCSS files from your Compass project into CSS.
Compass executable fileIn 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 browseButton and choose the location of the compass file in the dialog box that opens.
Config pathIn 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 browseButton 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.

Last modified: 29 November 2017

See Also