Syntactically Awesome Stylesheets
Starting from version 2.0 we also support another alternative to CSS – SASS and its newest version SCSS.
For now SASS support includes:
- Syntax highlighting
- Smart code folding based on indentation
- Comment/uncomment actions
- Dedicated colors page to customize default highlighting attributes
- Smart color-editor with gutters (see screenshot)
Note: Compilation of SASS is not supported via IDE, but it’s easily achieved via stand-alone compiler.
Here you can see SASS editor with smart code folding based on indentation.
The syntax highlighting attributes can be configured in File | Settings | Editor | Colors & Fonts | SASS.
You can also see color boxes on the gutters — these are exactly the colors used within your SASS file.
You can modify them either by editing plain SASS code or using our Color Edtor — just click the corresponding gutter!
Develop with SASS! Develop with pleasure!
– JetBrains Web IDE Team
Subscribe to Blog updates
WebStorm 2024.1 EAP Digest #2: Documentation in Completion, Component Usages, JSX Structure, and More
Read our second 2024.1 EAP digest to learn about the latest changes to make it into the upcoming release.
WebStorm 2024.1 Early Access Program Is Now Open!
Our 2024.1 Early Access Program is now open! Read our first EAP digest to discover the latest enhancements in WebStorm.
WebStorm 2023.3 Release Candidate Is Here!
The WebStorm 2023.3 RC is now available! Read about some of the most exciting improvements making it into the release.