-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
70 lines (62 loc) · 1.71 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
69
70
/** @type {import('tailwindcss').Config} */
module.exports = {
content: ["./**/*.html", "./src/**/*.js"],
darkMode: "class",
theme: {
container: {
center: true,
padding: "1rem",
},
screens: {
sm: "575px",
// => @media (min-width: 576px) { ... }
md: "768px",
// => @media (min-width: 768px) { ... }
lg: "992px",
// => @media (min-width: 992px) { ... }
xl: "1200px",
// => @media (min-width: 1200px) { ... }
"2xl": "1400px",
// => @media (min-width: 1400px) { ... }
},
extend: {
colors: {
black: "#181C31",
white: "#fff",
primary: "#7083F5",
secondary: "",
stroke: "#EBEFF4",
dark: "#1F233A",
body: "#79808A",
gray: "#F8F9FF",
"stroke-dark": "#34374A",
},
backgroundImage: {
"gradient-1":
"linear-gradient(55.15deg, #8EA5FE -7.09%, #BEB3FD 51.72%, #90D1FF 101.48%)",
"gradient-2": "linear-gradient(120.12deg, #FF8FE8 0%, #FFC960 100%)",
"gradient-3":
"linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%)",
texture: "url('../images/graphics/texture.svg')",
},
screens: {
xs: "450px",
"3xl": "1500px",
},
fontFamily: {
inter: "'Inter', sans-serif",
},
boxShadow: {
card: "0px 1px 5px rgba(45, 74, 170, 0.14)",
"card-dark": "0px 1px 5px rgba(16, 25, 55, 0.14)",
input: "0px 10px 30px rgba(74, 108, 247, 0.08)",
},
dropShadow: {
card: "0px 1px 5px rgba(45, 74, 170, 0.14)",
"card-dark": "0px 1px 5px rgba(16, 25, 55, 0.14)",
},
},
},
plugins: [],
prefix: "ud-",
};