key-guard-web-ui/tailwind.config.ts at master · aryan-programmer/key-guard-web-ui · 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
import type { Config } from "tailwindcss";

export default {
	content: ["./src/**/*.{js,ts,jsx,tsx,mdx,svelte}"],
	theme: {
		extend: {
			colors: {
				main: "var(--main)",
				overlay: "var(--overlay)",
				success: "var(--success)",
				warning: "var(--warning)",
				error: "var(--error)",
				bg: "var(--bg)",
				bw: "var(--bw)",
				blank: "var(--blank)",
				text: "var(--text)",
				mtext: "var(--mtext)",
				border: "var(--border)",
				ring: "var(--ring)",
				ringOffset: "var(--ring-offset)",

				secondaryBlack: "#212121"
			},
			borderRadius: {
				base: "0px"
			},
			boxShadow: {
				shadow: "var(--shadow)"
			},
			translate: {
				boxShadowX: "var(--box-shadow-x)",
				boxShadowY: "var(--box-shadow-y)",
				reverseBoxShadowX: "calc(-1 * var(--box-shadow-x))",
				reverseBoxShadowY: "calc(-1 * var(--box-shadow-y))"
			},
			translateX: {
				boxShadowX: "var(--box-shadow-x)",
				reverseBoxShadowX: "calc(-1 * var(--box-shadow-x))"
			},
			translateY: {
				boxShadowY: "var(--box-shadow-y)",
				reverseBoxShadowY: "calc(-1 * var(--box-shadow-y))"
			},
			fontWeight: {
				base: "500",
				heading: "700"
			}
		}
	},
	// eslint-disable-next-line @typescript-eslint/no-require-imports
	plugins: [require("tailwindcss-animate")]
} satisfies Config;