stylelint
Version:
A mighty, modern CSS linter.
130 lines (99 loc) • 1.83 kB
Markdown
# function-parentheses-newline-inside
Require a newline or disallow whitespace on the inside of the parentheses of functions.
```css
a {
transform: translate(
1, /* ↑ */
1 /* ↑ */
); /* ↑ */
} /* ↑ */
/** ↑ ↑
* The newline inside these two parentheses */
```
The [`fix` option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.
## Options
`string`: `"always"|"always-multi-line"|"never-multi-line"`
### `"always"`
There *must always* be a newline inside the parentheses.
The following patterns are considered violations:
```css
a { transform: translate(1, 1); }
```
```css
a { transform: translate(1,
1
); }
```
The following patterns are *not* considered violations:
```css
a {
transform: translate(
1, 1
);
}
```
```css
a {
transform: translate(
1,
1
);
}
```
### `"always-multi-line"`
There *must always* be a newline inside the parentheses of multi-line functions.
The following patterns are considered violations:
```css
a { transform: translate(1,
1) }
```
The following patterns are *not* considered violations:
```css
a { transform: translate(1, 1) }
```
```css
a { transform: translate( 1, 1 ) }
```
```css
a {
transform: translate(
1, 1
);
}
```
```css
a {
transform: translate(
1,
1
);
}
```
### `"never-multi-line"`
The following patterns are considered violations:
```css
a {
transform: translate(
1, 1
);
}
```
```css
a {
transform: translate(
1,
1
);
}
```
The following patterns are *not* considered violations:
```css
a { transform: translate(1, 1) }
```
```css
a { transform: translate( 1, 1 ) }
```
```css
a { transform: translate(1,
1) }
```