block-closing-brace-newline-after

Require a newline or disallow whitespace after the closing brace of blocks.

a { color: pink; }a { color: red; }↑/**              ↑ * The newline after this brace */

This rule allows an end-of-line comment separated from the closing brace by spaces, as long as the comment contains no newlines. For example,

a {  color: pink;} /* end-of-line comment */

This rule allows a trailing semicolon after the closing brace of a block. For example,

:root {  --toolbar-theme: {    background-color: hsl(120, 70%, 95%);  };/* ↑ * This semicolon */}

The fix option can automatically fix all of the problems reported by this rule.

Options#

string: "always"|"always-single-line"|"never-single-line"|"always-multi-line"|"never-multi-line"

There must always be a newline after the closing brace.

The following patterns are considered problems:

a { color: pink; }b { color: red; }

a { color: pink;} b { color: red; }

The following patterns are not considered problems:

a { color: pink; }b { color: red; }

There must always be a newline after the closing brace in single-line blocks.

The following patterns are considered problems:

a { color: pink; } b { color: red; }

The following patterns are not considered problems:

a { color: pink;} b { color: red; }

a { color: pink; }b { color: red; }

There must never be whitespace after the closing brace in single-line blocks.

The following patterns are considered problems:

a { color: pink; } b { color: red; }

The following patterns are not considered problems:

a { color: pink; }b { color: red; }

a { color: pink;} b { color: red; }

There must always be a newline after the closing brace in multi-line blocks.

The following patterns are considered problems:

a { color: pink;}b { color: red; }

The following patterns are not considered problems:

a { color: pink; }b { color: red; }

a { color: pink;}b { color: red; }

There must never be whitespace after the closing brace in multi-line blocks.

The following patterns are considered problems:

a { color: pink;} b { color: red; }

The following patterns are not considered problems:

a { color: pink; } b { color: red; }

a { color: pink;}b { color: red; }

Ignore specified at-rules.

For example, with "always" or "always-multi-line".

Given:

["if", "else"]

The following patterns are not considered problems:

@if ($var) {  color: pink;} @else if ($var2) {  color: red;} @else {  color: blue;}

@if ($var) { color: pink; } @else { color: blue; }