forked from Seb-GRAF/tailwind-helper
-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.js
198 lines (196 loc) · 6.16 KB
/
tailwind.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
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
/** @type {import('tailwindcss').Config} */
module.exports = {
darkMode: 'class',
// future: {
// hoverOnlyWhenSupported: true,
// },
content: [
'./pages/**/*.{js,ts,jsx,tsx}',
'./components/**/*.{js,ts,jsx,tsx}',
],
theme: {
extend: {
boxShadow: {
'inset-sm': 'inset 0 1px 0 0 rgb(255 255 255 / 5%),',
'inset-outset-md':
'inset 0 1px 0 0 rgb(255 255 255 / 5%), 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
},
},
},
plugins: [],
safelist: [
'no-underline',
'underline',
'overline',
'line-through',
{
pattern:
/decoration-(solid|double|dotted|dashed|wavy|from-font|auto|0|1|2|4|8)/,
},
{
pattern: /font-(sans|serif|mono)/,
},
{
pattern: /text-(xs|sm|base|lg|xl|2xl|3xl|4xl|5xl|6xl|7xl|8xl|9xl)/,
},
{
pattern:
/font-(thin|extralight|light|normal|medium|semibold|bold|extrabold|black)/,
},
{
pattern: /tracking-(tighter|tight|normal|wide|wider|widest)/,
},
{
pattern:
/text-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900)/,
},
{
pattern: /text-(black|white)/,
},
{
pattern:
/bg-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900)/,
},
{
pattern: /opacity-(0|5|10|20|25|30|40|50|60|70|75|80|90|95|100)/,
},
{
pattern:
/m-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/mt-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/mb-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/ml-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/mr-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/my-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/mx-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/p-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/pt-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/pb-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/pl-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/pr-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/py-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern:
/px-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern: /rounded-(t|l|r|b|tl|tr|bl|br)-(none|sm|md|lg|xl|2xl|3xl|full)/,
},
{
pattern: /rounded-(none|sm|md|lg|xl|2xl|3xl|full)/,
},
{
pattern: /shadow-(none|sm|md|lg|xl|2xl|inner)/,
},
{
pattern:
/shadow-(slate|gray|zinc|neutral|stone|red|orange|amber|yellow|lime|green|emerald|teal|cyan|sky|blue|indigo|violet|purple|fuchsia|pink|rose)-(50|100|200|300|400|500|600|700|800|900)/,
},
{
pattern: /shadow-(black|white)/,
},
{
pattern:
/inset-(x|y)-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/inset-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/top-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/bottom-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/left-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/right-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern:
/translate-(x|y)-(0|0.5|px|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96|1ǘ|1Ǚ|2Ǚ|1ǚ|2ǚ|3ǚ|full)/,
},
{
pattern: /grid-(cols|rows)-(1|2|3|4|5|6|7|8|9|10|11|12|none)/,
},
{
pattern:
/gap-(0|0.5|1|1.5|2|2.5|3|3.5|4|5|6|8|10|11|12|14|16|20|24|28|32|36|40|44|48|52|56|60|64|72|80|96)/,
},
{
pattern: /object-(contain|cover|fill|none|scale-down)/,
},
{
pattern:
/object-(left|right|top|bottom|center|left-bottom|left-top|right-bottom|right-top)/,
},
{
pattern: /brightness-(0|50|75|90|95|100|105|110|125|150|200)/,
},
{
pattern: /saturate-(0|50|100|150|200)/,
},
{
pattern: /contrast-(0|50|75|100|125|150|200)/,
},
{
pattern: /hue-rotate-(0|15|30|60|90|180)/,
},
{
pattern: /-hue-rotate-(0|15|30|60|90|180)/,
},
{
pattern: /blur-(none|sm|md|lg|xl|2xl|3xl)/,
},
{
pattern: /(grayscale|invert|sepia)-(0)/,
},
{
pattern: /(grayscale|invert|sepia|blur)/,
},
],
}