-
Notifications
You must be signed in to change notification settings - Fork 10
/
tailwind.config.js
53 lines (52 loc) 路 1.37 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
const { spacing, fontFamily } = require('tailwindcss/defaultTheme');
module.exports = {
content: ['./pages/**/*.tsx', './components/**/*.tsx', './layouts/**/*.tsx'],
theme: {
extend: {
colors: {
'blue-opaque': 'rgb(13 42 148 / 18%)',
gray: {
0: '#fff',
100: '#fafafa',
200: '#eaeaea',
300: '#999999',
400: '#d4d4d4',
500: '#666666',
600: '#444444',
700: '#333333',
800: '#222222',
900: '#111010'
}
},
fontFamily: {
sans: ['var(--font-graphik)'],
},
typography: (theme) => ({
DEFAULT: {
css: {
color: theme('colors.gray.700'),
a: {
color: theme('colors.blue.500'),
'&:hover': {
color: theme('colors.blue.700')
},
code: { color: theme('colors.blue.400') }
},
'h2,h3,h4': {
'scroll-margin-top': spacing[32]
},
thead: {
borderBottomColor: theme('colors.gray.200')
},
code: { color: theme('colors.pink.500') },
'blockquote p:first-of-type::before': false,
'blockquote p:last-of-type::after': false
}
},
})
}
},
plugins: [
require('@tailwindcss/typography')
]
};