mirror of
https://github.com/thangisme/notes.git
synced 2024-11-01 06:27:23 -04:00
84 lines
1.6 KiB
Markdown
84 lines
1.6 KiB
Markdown
|
# function-whitespace-after
|
||
|
|
||
|
Require or disallow whitespace after functions.
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1) scale(3); }
|
||
|
/** ↑
|
||
|
* This space */
|
||
|
```
|
||
|
|
||
|
This rule does not check for space immediately after `)` if the very next character is `,`, `)`, or `}`, allowing some of the patterns exemplified below.
|
||
|
|
||
|
## Options
|
||
|
|
||
|
`string`: `"always"|"never"`
|
||
|
|
||
|
### `"always"`
|
||
|
|
||
|
There *must always* be whitespace after the function.
|
||
|
|
||
|
The following patterns are considered warnings:
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1)scale(3); }
|
||
|
```
|
||
|
|
||
|
The following patterns are *not* considered warnings:
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1) scale(3); }
|
||
|
```
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1) scale(3); }
|
||
|
```
|
||
|
|
||
|
```css
|
||
|
a {
|
||
|
transform:
|
||
|
translate(1, 1)
|
||
|
scale(3);
|
||
|
}
|
||
|
```
|
||
|
|
||
|
```css
|
||
|
/* notice the two closing parentheses without a space between */
|
||
|
a { top: calc(1 * (1 + 3)); }
|
||
|
```
|
||
|
|
||
|
```css
|
||
|
/* notice the ), with no space after the closing parenthesis */
|
||
|
a { padding: calc(1 * 2px), calc(2 * 5px); }
|
||
|
```
|
||
|
|
||
|
```scss
|
||
|
/* notice the )}, with no space after the closing parenthesis */
|
||
|
a {
|
||
|
max-height: #{($line-height) * ($lines-to-show)}em;
|
||
|
}
|
||
|
```
|
||
|
|
||
|
```less
|
||
|
/* 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 warnings:
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1) scale(3); }
|
||
|
```
|
||
|
|
||
|
The following patterns are *not* considered warnings:
|
||
|
|
||
|
```css
|
||
|
a { transform: translate(1, 1)scale(3); }
|
||
|
```
|