Skip to content

Latest commit

 

History

History
65 lines (49 loc) · 1.21 KB

File metadata and controls

65 lines (49 loc) · 1.21 KB

function-calc-no-unspaced-operator

Disallow an unspaced operator within calc functions.

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

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.

Note: The * and / operators do not require whitespace (but it is usually recommened for consistency).

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

Options

true

The following patterns are considered problems:

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

The following patterns are not considered problems:

a { top: calc(1px + 2px); }
a { top: calc(calc(1em * 2) / 3); }
a { top: calc(calc(1em*2)/3); }
a {
  top: calc(var(--foo) +
    var(--bar));
}
a {
  top: calc(var(--foo)
    + var(--bar));
}