-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
49 lines (49 loc) · 1.65 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
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
darkMode: "class",
screens: {
xxl: { max: "1450px" },
xl: { max: "1400px" },
lg5: { max: "1280px" },
lg4: { max: "1180px" },
lg3: { max: "1080px" },
lg2: { max: "980px" },
lg1: { max: "900px" },
md4: { max: "768px" },
md3: { max: "680px" },
md2: { max: "640px" },
md1: { max: "550px" },
sm3: { max: "480px" },
sm2: { max: "420px" },
sm1: { max: "360px" },
},
colors: {},
extend: {
colors: {
"light-green": "#7bc1b3",
"light-green-2": "rgb(31, 121, 131)",
"blue-border": "rgb(51, 106, 140)",
overlay: "rgba(0,0,0,0.5)",
"light-white": "#f1f1f1",
violet: "rgba(222, 57, 247, 1)",
"dark-violet": "rgb(28, 5, 31)",
"light-violet": " rgb(50, 0, 60)",
"dark-blue": "rgb(1, 29, 48)",
"dark-blue-2": "rgb(4, 40, 64)",
"light-black": "#001220",
"sky-blue": "rgb(0, 149, 246)",
"sky-blue-2": "#0095f6",
"blue-text": "#385185",
"blue-text-2": " #776b99",
"text-black": "#000",
"light-grey": "#dbdbdb",
"light-grey-2": "#efefef",
"text-grey": "#737373",
"text-white": "#fff",
},
},
},
plugins: [],
};