-
Notifications
You must be signed in to change notification settings - Fork 2
/
tailwind.config.js
62 lines (61 loc) · 1.78 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
module.exports = {
purge: ["./src/**/*.{js,jsx,ts,tsx}"],
darkMode: false,
theme: {
extend: {
cursor: {
grab: "grabbing",
},
fontFamily: {
"dm-sans": ["DMSans", "sans-serif"],
},
colors: {
background: "#0D1118",
body: "#777F93",
primary: "#7230FF",
"primary-dark": "#5917E6",
"primary-darker": "#3F00CC",
input: "#767F93",
mockup: "#6A7183",
"mockup-b": "#141C25",
highlight: "#FF5930",
"slate-light": "#F9F9F9", // theme: slate, background color
"slate-orange": "#FF5930", // theme: slate, primary orange
"slate-headline": "#1C202B", // theme: slate, headline color
"slate-body": "#2C3242", // theme: slate, body text color
"slate-blue": "rgba(67, 83, 255, 1)", // theme: slate, primary blue
"feeling-moody-start": "#696EFF", // theme: slate, start of gradient
"feeling-moody-end": "#F7ABFF", // theme: slate, end of gradient
"slate-border": "rgba(25, 49, 60, 0.1)", // theme: slate, end of the border
},
boxShadow: {
slight: "0px 13px 19px 8px #C8DDE53B",
},
padding: {
mob: "24px",
},
fontSize: {
"desktop-h1": "48px;",
"desktop-h2": "42px",
"desktop-subheading": "21px",
"desktop-h4": "20px",
"desktop-paragraph": "18px",
"mobile-h2": "32px",
"mobile-h1": "38px",
"mobile-h3": "26px",
},
},
},
variants: {
extend: {
backgroundColor: ["active"],
textColor: ["active"],
ringWidth: ["active", "focus-visible"],
ringColor: ["active", "focus-visible"],
opacity: ["disabled"],
cursor: ["disabled"],
borderWidth: ["last"],
},
},
plugins: [],
};