Skip to main content

declaration-colon-space-after

Require a single space or disallow whitespace after the colon of declarations.

a { color: pink }/**      โ†‘ * The space after this colon */

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

Options#

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

"always"#

There must always be a single space after the colon.

The following patterns are considered problems:

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

The following patterns are not considered problems:

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

"never"#

There must never be whitespace after the colon.

The following patterns are considered problems:

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

The following patterns are not considered problems:

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

"always-single-line"#

There must always be a single space after the colon if the declaration's value is single-line.

The following patterns are considered problems:

a {  box-shadow:0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);}

The following patterns are not considered problems:

a {  box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30, 140, 190, 0.8);}
a {  box-shadow:    0 0 0 1px #5b9dd9,    0 0 2px 1px rgba(30, 140, 190, 0.8);}
a {  box-shadow:0 0 0 1px #5b9dd9,    0 0 2px 1px rgba(30, 140, 190, 0.8);}