WebStorm 2016.2 Help

Code Style. SCSS

File | Settings | Editor | Code Style | SCSS for Windows and Linux

WebStorm | Preferences | Editor | Code Style | SCSS for OS X


Use this page to configure formatting options for SCSS files. View the result in the Preview pane on the right.

On this page:

Tabs and Indents

ItemDescription
Use tab character
  • If this check box is selected, tab characters are used:
    • On pressing the Tab key
    • For indentation
    • For code reformatting
  • When the check box is cleared, WebStorm uses spaces instead of tabs.
Smart tabs
  • If this check box is selected, WebStorm inserts tabs for indentation and reformatting. WebStorm inserts tabs in the beginning of each line until a symbol other than the tab is inserted. After that when you press the tab key, WebStorm will enter spaces.
  • If this check box is cleared, only tabs are used. This means that a group of spaces that fits the specified tab size is automatically replaced with a tab, which may result in breaking fine alignment.

The Smart Tabs check box is available if the Use Tab Character check box is selected.

Tab sizeIn this text box, specify the number of spaces included in a tab.
IndentIn this text box, specify the number of spaces (or tabs if the Use Tab Character check box is selected) to be inserted for each indent level.
Continuation indentIn this text box, specify the number of spaces (or tabs if the Use Tab Character check box is selected) to be inserted between the elements of an array, in expressions, method declarations and method calls.
Keep indents on empty linesIf this check box is cleared, then WebStorm will keep indents on the empty lines as if they contained some code.
If this check box is not selected, WebStorm will delete the tabulation characters.
Indent all chained calls in a group The check box is available only when the Indent chained methods check box is selected.

Set from...

Click this link to reveal the list of languages to be used as the base for the current language code style. So doing, only the settings that are applicable to the current language are taken. All the other settings are not affected.

This link appears in the upper-right corner of the language-specific code style page, when applicable.

Click Reset to discard changes and return to the initial set of code style settings.

See Also

Language and Framework-Specific Guidelines:

External Links:

Last modified: 15 November 2016