dollar-variable-colon-space-before.md

Pattern: Malformed whitespace before the colon in $-variable

Issue: -

Description

Require a single space or disallow whitespace before the colon in $-variable declarations.

$variable: 10px;
/**      ↑
 * The space before this colon */

Examples

string: `"always"|"never"

"always"

There must always be a single space before the colon.

The following patterns are considered warnings:

a { $var: 10px }

$var:10px;

$var  :10px;

$var
:10px;

The following patterns are not considered warnings:

a { $var : 10px }

$var :10px;

"never"

There must never be whitespace before the colon.

The following patterns are considered warnings:

$var :10px;

a { $var
:10px }

The following patterns are not considered warnings:

$var:10px;

a { $var: 10px }

Further Reading

• stylelint-scss - dollar-variable-colon-space-before