Skip to main content

declaration-block-semicolon-space-after

Require a single space or disallow whitespace after the semicolons of declaration blocks.

a { color: pink; top: 0; }
/** ↑
* The space after this semicolon */

This rule ignores:

  • semicolons that are preceded by Less mixins
  • the last semicolon of declaration blocks

Use the block-closing-brace-*-before rules to control the whitespace between the last semicolon and the closing brace instead.

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

Options

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

"always"

There must always be a single space after the semicolon.

The following patterns are considered problems:

a { color: pink;top: 0; }
a {
color: pink;
top: 0;
}

The following patterns are not considered problems:

a { color: pink;}
a { color: pink; }
a { color: pink; top: 0; }

"never"

There must never be whitespace after the semicolon.

The following patterns are considered problems:

a { color: pink; top: 0; }
a {
color: pink;
top: 0;
}

The following patterns are not considered problems:

a { color: pink;}
a { color: pink; }
a { color: pink;top: 0; }

"always-single-line"

There must always be a single space after the semicolon in single-line declaration blocks.

The following patterns are considered problems:

a { color: pink;top: 0; }

The following patterns are not considered problems:

a { color: pink; top: 0; }
a {
color: pink;
top: 0;
}

"never-single-line"

There must never be whitespace after the semicolon in single-line declaration blocks.

The following patterns are considered problems:

a { color: pink; top: 0; }

The following patterns are not considered problems:

a { color: pink;top: 0; }
a {
color: pink;
top: 0;
}