In web development, there are quite some options available to make writing CSS more concise and developer-friendly. There is Less, Sass, SCSS and more recently Stylus, all languages that sprinkle CSS with variables, mixins, operations and functions. And then there’s Compass which builds on Sass and enriches it with a number of reusable patterns.
Syntax highlighting, code completion and structure view for Less, Sass and SCSS are available in PhpStorm by default. For Stylus, we should install the Stylus support plugin through our IDE Settings | Plugins, Install JetBrains plugin…
Compass integration is also available. Through the Project Settings | Compass, we can specify the path to the Compass executable and a configuration file after which we can use it within PhpStorm.
Develop with pleasure!
– JetBrains PhpStorm Team