-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.ts
49 lines (44 loc) · 1.35 KB
/
tailwind.config.ts
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
import type { Config } from "tailwindcss";
const config: Config = {
content: [
"./src/pages/**/*.{js,ts,jsx,tsx,mdx}",
"./src/components/**/*.{js,ts,jsx,tsx,mdx}",
"./src/app/**/*.{js,ts,jsx,tsx,mdx}",
],
theme: {
extend: {
screens: {
lg: "1086px",
"max-2xl": { max: "1535px" },
// => @media (max-width: 1535px) { ... }
"max-xl": { max: "1279px" },
// => @media (max-width: 1279px) { ... }
"max-lg": { max: "1086px" },
// => @media (max-width: 1023px) { ... }
"max-md": { max: "767px" },
// => @media (max-width: 767px) { ... }
"max-sm": { max: "639px" },
// => @media (max-width: 639px) { ... }
},
colors: {
"text-gradiant": "rgba(23, 23, 33, 0.0)",
"color-primary": "#FD346E",
"color-secondary": "#5D00D0",
"body-background-color": "#171721",
"color-black-5": "rgba(255,255,255,0.5)",
"color-black-05": "rgba(255,255,255,0.05)",
"color-black-03": "rgba(255,255,255,0.03)",
"color-black-2": "rgba(255,255,255,0.2)",
"color-black-02": "rgba(255,255,255,0.02)",
},
backgroundImage: {
layer: "[url('../../public/layer.png')]",
},
animation: {
"fade-slow": "fadeIn 1s ease-in;",
},
},
},
plugins: [],
};
export default config;