notes/node_modules/stylelint-scss/src/rules/dollar-variable-colon-space.../README.md

1.6 KiB

dollar-variable-colon-space-after

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

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

Options

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

"always"

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;

"never"

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 }

"always-single-line"

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