Skip to main content

declaration-block-trailing-semicolon

Require or disallow a trailing semicolon within declaration blocks.

a { background: orange; color: pink; }/**                                ↑ *                    This semicolon */

The trailing semicolon is the last semicolon in a declaration block and it is optional.

This rule ignores:

  • Less mixins
  • trailing // comments
  • declaration blocks containing nested (at-)rules

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

Options#

string: "always"|"never"

"always"#

There must always be a trailing semicolon.

The following patterns are considered problems:

a { color: pink }
a { background: orange; color: pink }
a { @include foo }

The following patterns are not considered problems:

a { color: pink; }
a { background: orange; color: pink; }
a { @include foo; }

"never"#

There must never be a trailing semicolon.

The following patterns are considered problems:

a { color: pink; }
a { background: orange; color: pink; }

The following patterns are not considered problems:

a { color: pink }
a { background: orange; color: pink }

Optional secondary options#

ignore: ["single-declaration"]#

Ignore declaration blocks that contain a single declaration.

The following patterns are not considered problems:

a { color: pink }
a { color: pink; }