/
stylelint.config.js
159 lines (159 loc) · 3.69 KB
/
stylelint.config.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
module.exports = {
extends: ['stylelint-config-standard'],
customSyntax: 'postcss-styled-syntax',
plugins: ['stylelint-order'],
rules: {
'comment-empty-line-before': null,
'no-descending-specificity': null,
'alpha-value-notation': null,
'media-feature-range-notation': null,
'declaration-block-no-redundant-longhand-properties': null, // TODO: remove
'declaration-block-no-duplicate-properties': true,
// 'value-keyword-case': [
// 'lower',
// {
// camelCaseSvgKeywords: true,
// },
// ],
'selector-pseudo-class-no-unknown': [
true,
{
ignorePseudoClasses: ['global'],
},
],
'value-keyword-case': [
'lower',
{
camelCaseSvgKeywords: true,
},
],
'property-no-vendor-prefix': [
true,
{
ignoreProperties: ['appearance'],
},
],
'value-no-vendor-prefix': [true],
'at-rule-no-vendor-prefix': [true],
'order/properties-order': [
[
'all',
'content',
{
groupName: 'Position',
properties: [
'position',
'inset',
'top',
'right',
'bottom',
'left',
'z-index',
],
},
'display',
'vertical-align',
{
groupName: 'Flexbox',
order: 'flexible',
properties: [
'flex',
'flex-grow',
'flex-shrink',
'flex-basis',
'flex-direction',
'flex-flow',
'flex-wrap',
'gap',
'row-gap',
'column-gap',
'align-content',
'align-items',
'align-self',
'justify-content',
'justify-items',
'justify-self',
],
},
{
groupName: 'Grid',
properties: [
'grid',
'grid-area',
'grid-template',
'grid-template-areas',
'grid-template-rows',
'grid-template-columns',
'grid-row',
'grid-row-start',
'grid-row-end',
'grid-column',
'grid-column-start',
'grid-column-end',
'grid-auto-rows',
'grid-auto-columns',
'grid-auto-flow',
'grid-gap',
'grid-row-gap',
'grid-column-gap',
],
},
'order',
{
groupName: 'Float',
properties: ['float', 'clear'],
},
{
groupName: 'Clipping',
properties: [
'overflow',
'overflow-x',
'overflow-y',
'overflow-scrolling',
'overscroll-behavior',
'overscroll-behavior-x',
'overscroll-behavior-y',
'overscroll-behavior-inline',
'overscroll-behavior-block',
'clip',
],
},
{
groupName: 'Margin',
properties: [
'margin',
'margin-top',
'margin-right',
'margin-bottom',
'margin-left',
],
},
'box-sizing',
{
groupName: 'Dimensions',
properties: [
'width',
'min-width',
'max-width',
'height',
'min-height',
'max-height',
],
},
{
groupName: 'Padding',
properties: [
'padding',
'padding-top',
'padding-right',
'padding-bottom',
'padding-left',
],
},
],
{
unspecified: 'bottom',
},
],
},
};