UNPKG

2.49 kBMarkdownView Raw
1# function-parentheses-space-inside
2
3Require a single space or disallow whitespace on the inside of the parentheses of functions.
4
5<!-- prettier-ignore -->
6```css
7a { transform: translate( 1, 1 ); }
8/** ↑ ↑
9 * The space inside these two parentheses */
10```
11
12The [`fix` option](../../../docs/user-guide/usage/options.md#fix) can automatically fix all of the problems reported by this rule.
13
14## Options
15
16`string`: `"always"|"never"|"always-single-line"|"never-single-line"`
17
18### `"always"`
19
20There _must always_ be a single space inside of the parentheses.
21
22The following patterns are considered violations:
23
24<!-- prettier-ignore -->
25```css
26a { transform: translate(1, 1); }
27```
28
29<!-- prettier-ignore -->
30```css
31a { transform: translate(1, 1 ); }
32```
33
34The following patterns are _not_ considered violations:
35
36<!-- prettier-ignore -->
37```css
38a { transform: translate( 1, 1 ); }
39```
40
41### `"never"`
42
43There _must never_ be whitespace on the inside of the parentheses.
44
45The following patterns are considered violations:
46
47<!-- prettier-ignore -->
48```css
49a { transform: translate( 1, 1 ); }
50```
51
52<!-- prettier-ignore -->
53```css
54a { transform: translate(1, 1 ); }
55```
56
57The following patterns are _not_ considered violations:
58
59<!-- prettier-ignore -->
60```css
61a { transform: translate(1, 1); }
62```
63
64### `"always-single-line"`
65
66There _must always_ be a single space inside the parentheses of single-line functions.
67
68The following patterns are considered violations:
69
70<!-- prettier-ignore -->
71```css
72a { transform: translate(1, 1) }
73```
74
75<!-- prettier-ignore -->
76```css
77a { transform: translate(1, 1 ) }
78```
79
80The following patterns are _not_ considered violations:
81
82<!-- prettier-ignore -->
83```css
84a { transform: translate( 1, 1 ) }
85```
86
87<!-- prettier-ignore -->
88```css
89a { transform: translate(1,
90 1) }
91```
92
93<!-- prettier-ignore -->
94```css
95a {
96 transform: translate(
97 1,
98 1
99 )
100}
101```
102
103### `"never-single-line"`
104
105There _must never_ be whitespace inside the parentheses of single-line functions.
106
107The following patterns are considered violations:
108
109<!-- prettier-ignore -->
110```css
111a { transform: translate( 1, 1 ) }
112```
113
114<!-- prettier-ignore -->
115```css
116a { transform: translate(1, 1 ) }
117```
118
119The following patterns are _not_ considered violations:
120
121<!-- prettier-ignore -->
122```css
123a { transform: translate(1, 1) }
124```
125
126<!-- prettier-ignore -->
127```css
128a { transform: translate( 1,
129 1) }
130```
131
132<!-- prettier-ignore -->
133```css
134a {
135 transform: translate(
136 1,
137 1
138 )
139}
140```