# Code Style. Sass

> **TL;DR**
> `File | Settings | Editor | Code Style | Style Sheets | Sass` for Windows and Linux
>
>
>
> `IntelliJ IDEA | Settings | Editor | Code Style | Style Sheets | Sass` for macOS
>
>
>
> `Ctrl+Alt+S` (Windows), `⌘ Comma` (macOS), `⌘ Comma` (IntelliJ IDEA Classic (macOS)), `⌘ Comma` (macOS System Shortcuts), `Ctrl+Alt+S` (XWin), `Ctrl+Alt+S` (GNOME), `Ctrl+Alt+S` (KDE), `Ctrl+Alt+S` (Emacs), `Ctrl+Alt+S` (Sublime Text), `⌘ Comma` (Sublime Text (macOS)), `Ctrl+Alt+S` (NetBeans), `Ctrl+Alt+S` (Visual Studio), `⌘ Comma` (Visual Studio (macOS)), `Ctrl+Alt+S` (Eclipse), `⌘ Comma` (Eclipse (macOS)) ![the Settings icon](https://resources.jetbrains.com.cn/help/img/idea/2026.2/app.expui.general.settings.svg)

Use this page to configure formatting  options for Sass files. When you change these settings, the Preview pane shows how this will affect your code.

## Tabs and Indents

| Use tab character |      * If this checkbox is selected, tab characters are used: * On pressing the `Tab` (Windows), `⇥` (macOS), `⇥` (IntelliJ IDEA Classic (macOS)), `⇥` (macOS System Shortcuts), `Tab` (XWin), `Tab` (GNOME), `Tab` (KDE), `Tab` (Emacs), `Tab` (Sublime Text), `⇥` (Sublime Text (macOS)), `Tab` (NetBeans), `Tab` (Visual Studio), `⇥` (Visual Studio (macOS)), `Tab` (Eclipse), `⇥` (Eclipse (macOS)) key * For indentation * For reformatting code    * If the checkbox is cleared, IntelliJ IDEA 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.     > **Tip:** > The Smart Tabs checkbox is available if the Use tab character checkbox is selected.                     |
| Tab size | In this field, specify the number of spaces that fits in a tab. |
| Indent |  In this field, specify the number of spaces to be inserted for each indent level.  |
| Continuation indent |       In this field, specify the number of spaces to be inserted between the values of properties.      |
| Keep indents on empty lines | If this checkbox is selected, IntelliJ IDEA retains indents on empty lines as if they contained some code. If the checkbox is cleared, IntelliJ IDEA deletes the tab characters and spaces on empty lines. |

## Blank Lines

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

> **Tip:**
> The settings on this tab do not affect the number of blank lines before the first and after the last item.

| 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.     |

## Other

Use the controls in the Comments area to configure positioning of line and block comments and spaces inside them.

* By default, when you enclose a code fragment in a block comment, the text starts right after the opening `/*` characters without any spaces. Before the closing `*/` characters no space is inserted either. This default code style may conflict with some linters' rules, for example, ESLint.

## 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.

## See also

### Language and Framework-Specific Guidelines

[Style Sheets](style-sheets.html)

### External Links

[Sass](http://sass-lang.com/)

### Procedures

[Code style schemes](configuring-code-style.html)