-
Notifications
You must be signed in to change notification settings - Fork 5
/
tailwind.config.js
50 lines (48 loc) · 1.2 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
/** @type {import('tailwindcss').Config} */
const defaultTheme = require('tailwindcss/defaultTheme')
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./src/**/*.{js,ts,jsx,tsx}",
"./styles/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}"
],
theme: {
borderWidth: {
DEFAULT: '1px',
'0': '0',
'2': '2px',
'3': '3px',
'4': '4px',
'6': '6px',
'8': '8px',
},
extend: {
fontFamily: {
'sans': ['"Proxima Nova"', ...defaultTheme.fontFamily.sans],
'body': ['"Proxima Nova"', ...defaultTheme.fontFamily.sans],
'KH': ["KH", ...defaultTheme.fontFamily.serif]
},
colors: {
'cloud-kh': '#e63a22',
'gold': '#d4af37',
'mako': '#5cdcba',
'pink': '#e780a9',
'pink-100': '#d881a9',
'mauve': '#84607a',
'purple': '#74397a',
'purple-200': '#663761',
'purple-400': '#581455',
'purple-500': '#1d082a',
'hundred': '#fb3e44'
},
boxShadow: {
'md': '0 4px 6px -1px rgb(0 0 0 / 0.2), 0 2px 4px -2px rgb(0 0 0 / 0.2)',
},
dropShadow: {
'lg': 'filter: drop-shadow(0 10px 8px rgb(0 0 0 / 0.2)) drop-shadow(0 4px 3px rgb(0 0 0 / 0.2));',
}
},
},
plugins: [],
}