function-calc-no-unspaced-operator.md

Pattern: Unspaced operator in calc()

Issue: -

Description

Before the operator, there must be a single whitespace or a newline plus indentation. After the operator, there must be a single whitespace or a newline.

Examples

The following patterns are considered violations:

a { top: calc(1px+2px); }

a { top: calc(1px+ 2px); }

The following patterns are not considered violations:

a { top: calc(1px + 2px); }
/**               ↑
 * The space around this operator */

a { top: calc(calc(1em * 2) / 3); }

a {
  top: calc(var(--foo) +
    var(--bar));
}

a {
  top: calc(var(--foo)
    + var(--bar));
}

Further Reading

• stylelint - function-calc-no-unspaced-operator