-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.cjs
104 lines (104 loc) · 2.33 KB
/
tailwind.config.cjs
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
94
95
96
97
98
99
100
101
102
103
104
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['./src/**/*.{js,ts,jsx,tsx}'],
theme: {
extend: {
screens: {
xxs: '320px',
xs: '480px',
},
colors: {
app: {
background: '#121212',
backgroundDisabled: '#29292E',
primary: '#00875F',
secondary: '#8047F8',
tertiary: '#46B5D1',
title: '#E1E1E6',
subtitle: '#C4C4CC',
text: '#E1E1E6',
textDisabled: '#8D8D99',
span: '#49454F',
label: '#C4C4CC',
border: '#C4C4CC',
borderDisabled: '#e2e8f0',
info: '#24B4FF',
success: '#1EB980',
warning: '#FFAC12',
error: '#B3261E',
},
},
spacing: {
13: '3.25rem',
18: '4.5rem',
22: '5.5rem',
23: '5.75rem',
26: '6.5rem',
27: '6.75rem',
30: '7.5rem',
31: '7.75rem',
50: '12.5rem',
54: '13.5rem',
55: '13.75rem',
96: '24rem',
256: '64rem',
320: '80rem',
360: '90rem',
},
brightness: {
25: '.25',
85: '.85',
},
boxShadow: {
outline: '0 0 0 1px',
},
fontFamily: {
sans: [
'ui-sans-serif',
'system-ui',
'-apple-system',
'BlinkMacSystemFont',
'"Segoe UI"',
'Roboto',
'"Helvetica Neue"',
'Arial',
'"Noto Sans"',
'sans-serif',
'"Apple Color Emoji"',
'"Segoe UI Emoji"',
'"Segoe UI Symbol"',
'"Noto Color Emoji"',
],
serif: [
'ui-serif',
'Georgia',
'Cambria',
'"Times New Roman"',
'Times',
'serif',
],
mono: [
'ui-monospace',
'SFMono-Regular',
'Menlo',
'Monaco',
'Consolas',
'"Liberation Mono"',
'"Courier New"',
'monospace',
],
},
fontSize: {
xxs: ['0.625rem', { lineHeight: '1rem' }],
},
gridTemplateColumns: {
// Complex site-specific column configuration
'fit56': 'repeat(auto-fit, minmax(3.5rem, 1fr))',
},
zIndex: {
9999: '9999',
},
},
},
plugins: [],
}