-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.js
More file actions
39 lines (38 loc) · 1.12 KB
/
tailwind.config.js
File metadata and controls
39 lines (38 loc) · 1.12 KB
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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{vue,js,ts,jsx,tsx}'],
theme: {
extend: {
colors: {
'bg-base': '#D6E8D8',
'bg-card': '#ffffff',
'bg-card-solid': '#ffffff',
'bg-card-hover': '#f5f6f8',
'bg-card-charcoal': '#1A1A1A',
'bg-card-mint': '#7EE88C',
'bg-card-lavender': '#C4B2F8',
'bg-card-grey': '#f0f0f5',
'accent-mint': '#4EB85A',
'accent-lavender': '#9B86E2',
'accent-blue': '#5b8def',
'text-primary': '#1A1A1A',
'text-secondary': '#5a5f7a',
'text-muted': '#8C8C8C',
'text-on-dark': '#ffffff',
'border': 'rgba(0, 0, 0, 0.06)',
'border-hover': 'rgba(0, 0, 0, 0.12)',
},
fontFamily: {
sans: ['Inter', 'DM Sans', 'sans-serif'],
},
borderRadius: {
card: '24px',
},
boxShadow: {
'card': '0 2px 12px rgba(0, 0, 0, 0.06), 0 1px 4px rgba(0, 0, 0, 0.04)',
'card-hover': '0 8px 24px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.04)',
},
},
},
plugins: [],
}