-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
24 lines (23 loc) · 990 Bytes
/
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
module.exports = {
future: {
removeDeprecatedGapUtilities: true,
purgeLayersByDefault: true,
},
purge: ['./components/**/*.{js,ts,jsx,tsx}', './pages/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class', // 'media' or 'class'
theme: {
darkSelector: '.dark',
extend: {},
fontFamily: {
'sans': ['Kumbh Sans', 'Work Sans', 'system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif', 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'],
'serif': ['Georgia', 'Cambria'],
'mono': ['Menlo','Monaco','Consolas','Liberation Mono','Courier New','monospace'],
}
},
variants: {
backgroundColor: ['dark', 'dark-hover', 'dark-group-hover', 'dark-even', 'dark-odd'],
borderColor: ['dark', 'dark-disabled', 'dark-focus', 'dark-focus-within'],
textColor: ['dark', 'dark-hover', 'dark-active', 'dark-placeholder']
},
plugins: [require('tailwindcss-dark-mode')()],
}