block-closing-brace-newline-after
Require a newline or disallow whitespace after the closing brace of blocks.
color: pink; }
a { color: red; }↑
a { /** ↑
* 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"
"always"
There must always be a newline after the closing brace.
The following patterns are considered violations:
color: pink; }b { color: red; } a {
color: pink;
a { color: red; } } b {
The following patterns are not considered violations:
color: pink; }
a { color: red; } b {
"always-single-line"
There must always be a newline after the closing brace in single-line blocks.
The following patterns are considered violations:
color: pink; } b { color: red; } a {
The following patterns are not considered violations:
color: pink;
a { color: red; } } b {
color: pink; }
a { color: red; } b {
"never-single-line"
There must never be whitespace after the closing brace in single-line blocks.
The following patterns are considered violations:
color: pink; } b { color: red; } a {
The following patterns are not considered violations:
color: pink; }b { color: red; } a {
color: pink;
a { color: red; } } b {
"always-multi-line"
There must always be a newline after the closing brace in multi-line blocks.
The following patterns are considered violations:
color: pink;
a { color: red; } }b {
The following patterns are not considered violations:
color: pink; }b { color: red; } a {
color: pink;
a {
}color: red; } b {
"never-multi-line"
There must never be whitespace after the closing brace in multi-line blocks.
The following patterns are considered violations:
color: pink;
a { color: red; } } b {
The following patterns are not considered violations:
color: pink; } b { color: red; } a {
color: pink;
a { color: red; } }b {
Optional secondary options
ignoreAtRules: ["/regex/", "non-regex"]
Ignore specified at-rules.
For example, with "always"
or
"always-multi-line"
.
Given:
["if", "else"]
The following patterns are not considered violations:
@if ($var) {
: pink;
color@else if ($var2) {
} : red;
color@else {
} : blue;
color }
@if ($var) { color: pink; } @else { color: blue; }