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

1.3 KiB

dollar-variable-colon-newline-after

Require a newline after the colon in $-variable declarations.

$box-shadow:
  0 0 0 1px #5b9dd9,
  0 0 2px 1px rgba(30, 140, 190, 0.8);
        /* ↑ */
/**        ↑
 * The newline after this colon */

Options

string: "always"|"always-multi-line"

"always"

There must always be a newline after the colon.

The following patterns are considered warnings:

$var:100px;
a { $var:100px; }
$var: 100px;

The following patterns are not considered warnings:

$var:
  100px;
a {
  $var:
    100px;
}

"always-multi-line"

There must always be a newline after the colon if the variable value is multi-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:

$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);
// The VALUE is single-line, so a newline after the colon is ignored by this rule.
$var: 100px;