function-whitespace-after.md

Pattern: Malformed whitespace after function

Issue: -

Description

Require or disallow whitespace after functions. This rule does not check for space immediately after ) if the very next character is ,, ), or }, allowing some of the patterns exemplified below.

Examples

"always"

There must always be whitespace after the function.

The following patterns are considered violations:

a { transform: translate(1, 1)scale(3); }

The following patterns are not considered violations:

a { transform: translate(1, 1) scale(3); }

a { transform: translate(1, 1)     scale(3); }

a {
  transform:
    translate(1, 1)
    scale(3);
}

/* notice the two closing parentheses without a space between */
a { top: calc(1 * (1 + 3)); }

/* notice the ), with no space after the closing parenthesis */
a { padding: calc(1 * 2px), calc(2 * 5px); }

/* notice the )}, with no space after the closing parenthesis */
a {
  max-height: #{($line-height) * ($lines-to-show)}em;
}

/* notice the )}, with no space after the closing parenthesis */
a {
  max-height: ((@line-height) * (@lines-to-show))em;
}

"never"

There must never be whitespace after the function.

The following patterns are considered violations:

a { transform: translate(1, 1) scale(3); }

The following patterns are not considered violations:

a { transform: translate(1, 1)scale(3); }

Further Reading

• stylelint - function-whitespace-after