-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
executable file
·47 lines (46 loc) · 1.24 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
const production = !process.env.ROLLUP_WATCH // or some other env var like NODE_ENV
module.exports = {
theme: {
screens: {
'3xs': '160px',
'2xs': '240px',
'xs': '340px',
'sm': '640px',
'md': '768px',
'lg': '1024px',
'xl': '1280px',
},
extend: {
gridTemplateColumns: {
}
}
},
// only needed in Tailwind 1.0 for tailwind 2.0 compat
// future: {
// purgeLayersByDefault: true,
// removeDeprecatedGapUtilities: true,
// },
plugins: [
// for tailwind UI users only
// require('@tailwindcss/ui'),
// other plugins here
],
purge: {
mode: 'all',
preserveHtmlElements: false,
content: [
'./src/**/*.svelte',
// may also want to include HTML files
'./src/**/*.html'
],
// this is for extracting Svelte `class:` syntax but is not perfect yet, see below
defaultExtractor: content => {
const broadMatches = content.match(/[^<>"'`\s]*[^<>"'`\s:]/g) || []
const broadMatchesWithoutTrailingSlash = broadMatches.map(match => _.trimEnd(match, '\\'))
const matches = broadMatches
.concat(broadMatchesWithoutTrailingSlash)
return matches
},
enabled: production // disable purge in dev
},
}