ployeth/tailwind.config.js at master · Polyethnimall/ployeth · GitHub

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
module.exports = {
	future: {
		purgeLayersByDefault: true,
		applyComplexClasses: true,
	},
	purge: {
		content: [
			"./pages/**/*.{js,ts,jsx,tsx}",
			"./components/**/*.{js,ts,jsx,tsx}",
		],
		options: {
			safelist: {
				standard: ["outline-none"],
			},
		},
	},
	theme: {
		extend: {
			maxWidth: {
				"8xl": "1920px",
			},
			colors: {
				primary: "var(--primary)",
				"primary-2": "var(--primary-2)",
				secondary: "var(--secondary)",
				"secondary-2": "var(--secondary-2)",
				hover: "var(--hover)",
				"hover-1": "var(--hover-1)",
				"hover-2": "var(--hover-2)",
				"accent-0": "var(--accent-0)",
				"accent-1": "var(--accent-1)",
				"accent-2": "var(--accent-2)",
				"accent-3": "var(--accent-3)",
				"accent-4": "var(--accent-4)",
				"accent-5": "var(--accent-5)",
				"accent-6": "var(--accent-6)",
				"accent-7": "var(--accent-7)",
				"accent-8": "var(--accent-8)",
				"accent-9": "var(--accent-9)",
				violet: "var(--violet)",
				"violet-light": "var(--violet-light)",
				"violet-dark": "var(--violet-dark)",
				pink: "var(--pink)",
				"pink-light": "var(--pink-light)",
				cyan: "var(--cyan)",
				blue: "var(--blue)",
				green: "var(--green)",
				red: "var(--red)",
			},
			textColor: {
				base: "var(--text-base)",
				primary: "var(--text-primary)",
				secondary: "var(--text-secondary)",
			},
			boxShadow: {
				"outline-normal": "0 0 0 2px var(--accent-2)",
				magical:
					"rgba(0, 0, 0, 0.02) 0px 30px 30px, rgba(0, 0, 0, 0.03) 0px 0px 8px, rgba(0, 0, 0, 0.05) 0px 1px 0px",
			},
			lineHeight: {
				"extra-loose": "2.2",
			},
			scale: {
				120: "1.2",
			},
		},
	},
}