dollar-variable-colon-space-after

Require or disallow whitespace after the colon in $-variable declarations.

$variable: 10px;
/**      ↑
 * 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"|"at-least-one-space"

There must always be a single space after the colon.

The following patterns are considered warnings:

a { $var :10px }

$var:10px;

$var:
  10px;
// a newline is not a space

The following patterns are not considered warnings:

a { $var : 10px }

$var: 10px;

There must never be whitespace after the colon.

The following patterns are considered warnings:

$var: 10px;

$var:
10px;

a { $var :10px }

The following patterns are not considered warnings:

$var :10px;

a { $var:10px }

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

The following patterns are considered warnings:

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

The following patterns are not considered warnings:

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

$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);
}

There must always be at least a single space after the colon.

The following patterns are considered warnings:

a { $var :10px }

$var:10px;

$var:
  10px;
// a newline is not a space

The following patterns are not considered warnings:

a { $var : 10px }

$var: 10px;

$var:    10px;