dollar-variable-empty-line-after

May 25, 2022 · View on GitHub

Require an empty line or disallow empty lines after $-variable declarations.

If the $-variable declaration is the last declaration in a file, it's ignored.

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

Options

string: "always"|"never"

There must always be one empty line after a $-variable declaration.

The following patterns are considered warnings:

$var: 200px;
@import '1.css';

a {
  $var: 1;
}

The following patterns are not considered warnings:

$var: 100px; // The last declaration in a stylesheet

$var: 1;

a { color: red; }

There must never be an empty line after a $-variable declaration.

The following patterns are considered warnings:

$var: 1;

a { color: red; }

The following patterns are not considered warnings:

$var: 100px;
$var2: 200px;

$var: 1;
a {
  width: auto;
}

Reverse the primary option for a $-variable declaration if it's the last child of its parent.

For example, with "always":

The following patterns are considered warnings:

a {
  $var: 1;
  color: red;
}

b {
  $var: 1;

}

The following patterns are not considered warnings:

a {
  color: red;
  $var: 1;
}

b {
  $var: 1;

  color: red;
}

Reverse the primary option for $-variable declarations that go before comments.

For example, with "always":

The following patterns are not considered warnings:

a {
  $var: 1;
  // comment
}

Reverse the primary option for $-variable declarations that go right after another $-variable declaration.

For example, with "always":

The following patterns are considered warnings:

a {
  $var: 1; // this one is ok
  $var1: 2; // and this one shouldn't have a preceding empty line
  b {
    width: 100px;
  }
}

The following patterns are not considered warnings:

a {
  $var: 1;
  $var1: 2;

  b {
    width: 100%;
  }
}

Ignore $-variables that go before a comment.

For example, with "always":

The following patterns are not considered warnings:

$var: 1
// comment

$var2: 1;
/* comment */

Ignore $-variables that are inside single-line blocks.

For example, with "always":

The following patterns are not considered warnings:

a { $var: 10; }

Disables autofixing for this rule.