/
tailwind.config.ts
93 lines (93 loc) · 2.13 KB
/
tailwind.config.ts
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
module.exports = {
exclude: ['.nuxt'],
darkMode: 'class',
theme: {
container: {
center: true
},
extend: {
fontFamily: {
sans: ['Inter', 'sans-serif'],
title: ['Rubik', 'sans-serif'],
handwritten: ['Virgil', 'sans-serif']
},
boxShadow: {
sm: '0.25rem 0.25rem 0px 0px rgba(0, 0, 0, 0.1)',
smHeavy: '0.25rem 0.25rem 0px 0px rgba(0, 0, 0, 0.3)',
lg: '0.5rem 0.5rem 0px 0px rgba(0, 0, 0, 0.1)',
lgHeavy: '0.5rem 0.5rem 0px 0px rgba(0, 0, 0, 0.3)'
},
colors: {
green: {
DEFAULT: '#15CA82',
50: '#39EAA4',
100: '#32EAA1',
200: '#25E89A',
300: '#18E694',
400: '#16D88B',
500: '#15CA82',
600: '#12AA6D',
700: '#0E8958',
800: '#0B6944',
900: '#08492F'
},
charcoal: {
DEFAULT: '#0F1115',
50: '#A1AABD',
100: '#939EB3',
200: '#7885A1',
300: '#616E8A',
400: '#4E596F',
500: '#3B4354',
600: '#262B36',
700: '#191C23',
800: '#0F1115',
900: '#080A0C'
},
blue: {
DEFAULT: '#5F8AF0',
50: '#C8D7FA',
100: '#BCCEF9',
200: '#A5BDF7',
300: '#8EACF4',
400: '#769BF2',
500: '#5F8AF0',
600: '#2C64EB',
700: '#134ACC',
800: '#0E3798',
900: '#092565'
}
}
}
},
variants: {
extend: {
backgroundSize: ['hover', 'group-hover']
}
},
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
plugins: [
function ({ addComponents }) {
addComponents({
'.container': {
maxWidth: '90%',
'@screen sm': {
maxWidth: '90%'
},
'@screen md': {
maxWidth: '90%'
},
'@screen lg': {
maxWidth: '90%'
},
'@screen xl': {
maxWidth: '70rem'
},
'@screen 2xl': {
maxWidth: '80rem'
}
}
})
}
]
}