-
Notifications
You must be signed in to change notification settings - Fork 4
/
tailwind.config.js
71 lines (65 loc) · 1.56 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
/** @type {import('tailwindcss').Config} */
export default {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
fontFamily: {
cabinG: ["CabinetGrotesk", "sans-serif"]
},
fontSize: {
'display': ['clamp(2.75rem, 4.25vw, 4.5rem)', {
lineHeight: '96.5%',
letterSpacing: '-3.5%',
fontWeight: '800'
}],
'h1': '3.5rem',
'h2': '3rem',
'h3': '2.5rem',
'h4': '2rem',
'h5': '1.5rem',
'h6': '1.25rem',
'base': '1.125rem',
'sm': '1rem',
'xs': '0.875rem',
'xxs': '0.75rem',
},
colors: {
'transparent': 'transparent',
'bg': '#0C0D0E',
'dark-charcoal': '#101214',
'super-dark-gray': '#1A1A1A',
'dim-gray': '#555555',
'light-gray': '#878787',
'gray': '#D1D1D1',
'accent': '#F7F7F7',
'text': '#CCCCCC',
'primary': '#EFECE6',
'outline': '#D1D1D1',
'gradient': '#D0C7B3',
'gradient2': '#968A73',
'gradient3': '#675E4C',
},
letterSpacing: {
'close': '-3.5%',
'base': '-1%'
},
lineHeight: {
'base': '150%'
},
boxShadow: {
'shine': '0px 0px 58px 20px rgba(85, 85, 85, 0.20);',
'bright': '0px 0px 58px 20px rgba(85, 85, 85, 0.35);'
},
borderOpacity: {
'15': '0.15'
},
transitionTimingFunction: {
'in-out-circ': 'cubic-bezier(0.85, 0, 0.15, 1)',
}
},
},
plugins: [],
}