Pattern: Malformed whitespace after }
of block
Issue: -
Require a single space or disallow whitespace after the closing brace of blocks. 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 */
}
There must always be a single space after the closing brace.
The following patterns are considered violations:
a { color: pink; }b { color: red; }
a { color: pink; }
b { color: red; }
The following patterns are not considered violations:
a { color: pink; } b { color: red; }
There must never be whitespace after the closing brace.
The following patterns are considered violations:
a { color: pink; } b { color: red; }
a { color: pink; }
b { color: red; }
The following patterns are not considered violations:
a { color: pink; }b { color: red; }
a { color: pink;
}b { color: red; }
There must always be a single space after the closing brace in single-line blocks.
The following patterns are considered violations:
a { color: pink; }b { color: red; }
The following patterns are not considered violations:
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 violations:
a { color: pink; } b { color: red; }
The following patterns are not considered violations:
a { color: pink; }b { color: red; }
a { color: pink;
} b { color: red; }
There must always be a single space after the closing brace in multi-line blocks.
The following patterns are considered violations:
a { color: pink;
}b { color: red; }
The following patterns are not considered violations:
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 violations:
a { color: pink;
} b { color: red; }
The following patterns are not considered violations:
a { color: pink; } b { color: red; }
a { color: pink;
}b { color: red; }