WebStorm 2019.2 Help

Code Style. Stylus

File | Settings | Editor | Code Style | Style Sheets | Stylus for Windows and Linux
WebStorm | Preferences | Editor | Code Style | Style Sheets | Stylus for macOS
Ctrl+Alt+S the Settings/Preferences icon


Use this section to configure formatting options for Stylus files. When you change these settings, results of a change are displayed in the Preview pane.

Tabs and Indents

Use tab character

  • If the checkbox is selected, tab characters are used for indentation and for code reformatting.

  • If the checkbox is cleared, WebStorm uses spaces instead of tabs.

Smart tabs

An indentation consists of two parts. One part results from nesting code blocks, and the other part is determined by alignment.

  • If this checkbox is selected, the part that results from nesting contains both tabs and spaces (if necessary), while the part defined by alignment consists only of spaces.

  • If this checkbox is cleared, only tabs are used. This means that after reformatting a group of spaces that fits the specified tab size is automatically replaced with a tab, which may result in breaking fine alignment.

Tab size

In this field, specify the number of spaces that fits in a tab.

Indent

In this field, specify the number of spaces (or tabs if the Use tab character checkbox is selected) to be inserted for each indent level.

Continuation indent

In this field, specify the number of spaces (or tabs if the Use tab character checkbox is selected) to be inserted between the values of properties.

Keep indents on empty lines

If this checkbox is selected, WebStorm retains indents on empty lines as if they contained some code. If the checkbox is cleared, WebStorm deletes the tab characters and spaces on empty lines.

Blank Lines

Use this tab to define where and how many blank lines you want WebStorm to retain and insert in your code after reformatting. The results are displayed in the Preview pane.

Keep Maximum Blank Lines

In this area, specify the number of extra blank lines to be kept after reformatting.

Minimum Blank Lines

In this area, configure whether to have or not to have extra empty lines around top-level blocks and nested selectors. In the field next to each option, specify the minimum number of extra blank lines to be left.

Set from

The link appears in the upper-right corner of the page, when applicable. Click this link and choose the language to be used as the base for the current language code style.

To return to the initial set of code style settings and discard the changes, click Reset.

Last modified: 17 September 2019

See Also

Language and Framework-Specific Guidelines:

External Links: