notes/node_modules/stylelint-scss/src/rules/operator-no-newline-before/README.md

1.6 KiB

operator-no-newline-before

Disallow linebreaks before Sass operators.

a { width: 10px
    + $n; }
/** ↑
 * Linebreaks before this */

This rule checks math operators (+, -, /, *, %) and comparison operators (>, <, !=, ==, >=, <=).

Not all symbols that correspond to math operators are actually considered operators by Sass. Some of the exceptions are:

For more details refer to Sass official documentation. An online Sass compiler - Sassmeister - could also come in handy.

The following patterns are considered warnings:

a { width: 10
+ 1; }
a {
  width: 10
    + 1;
}

The following patterns are not considered warnings:

a {
  width: 10px
    -1; // not a math operator, ignored
}
a { width: 10px     -    1; }
a {
  width: 100px +
    $var * 0.5625; // the newline is not right before the operator
}