ChainWeb/tailwind.config.cjs at main · Sidiora-Technologies/ChainWeb · 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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
/** @type {import('tailwindcss').Config} */
const defaultTheme = require("tailwindcss/defaultTheme");
const colors = require("tailwindcss/colors");
module.exports = {
	content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
	theme: {
		screens: {
			sm: "540px",
			md: "768px",
			lg: "1024px",
			xl: "1280px",
			"2xl": "1536px",
		},
		extend: {
			borderRadius: {
				"4xl": "2rem",
				"5xl": "3rem",
				"6xl": "4rem",
				"7xl": "5rem",
			},
			colors: {
				primary: {
					50: "#f3ffe4",
					100: "#e4ffc5",
					200: "#c9ff92",
					300: "#a4ff54",
					400: "#82fb20",
					500: "#6cf901",
					600: "#49b400",
					700: "#388902",
					800: "#2f6b09",
					900: "#2a5a0d",
					950: "#113300",
				},
				lime: {
					50: "hsl(64, 100%, 95%)",
					100: "hsl(66, 100%, 89%)",
					200: "hsl(68, 100%, 79%)",
					300: "hsl(70, 100%, 66%)",
					400: "hsl(71, 96%, 55%)",
					500: "hsl(72, 99%, 49%)",
					600: "hsl(74, 100%, 35%)",
					700: "hsl(74, 97%, 27%)",
					800: "hsl(75, 84%, 23%)",
					900: "hsl(76, 75%, 20%)",
					950: "hsl(78, 100%, 10%)",
				},
				blue: {
					50: "hsl(240, 100%, 97%)",
					100: "hsl(245, 100%, 95%)",
					200: "hsl(244, 100%, 90%)",
					300: "hsl(247, 100%, 83%)",
					400: "hsl(249, 100%, 73%)",
					500: "hsl(252, 100%, 62%)",
					600: "hsl(256, 100%, 54%)",
					700: "hsl(255, 98%, 50%)",
					800: "hsl(255, 97%, 42%)",
					900: "hsl(256, 95%, 37%)",
					950: "hsl(253, 100%, 23%)",
				},
				trinidad: {
					50: "hsl(27, 100%, 96%)",
					100: "hsl(28, 100%, 92%)",
					200: "hsl(26, 100%, 83%)",
					300: "hsl(24, 100%, 72%)",
					400: "hsl(20, 100%, 61%)",
					500: "hsl(18, 100%, 53%)",
					600: "hsl(14, 95%, 47%)",
					700: "hsl(11, 93%, 40%)",
					800: "hsl(8, 84%, 34%)",
					900: "hsl(9, 79%, 28%)",
					950: "hsl(7, 86%, 15%)",
				},
			},
			fontFamily: {
				display: ["Satoshi", ...defaultTheme.fontFamily.sans],
				sans: ["Inter", ...defaultTheme.fontFamily.sans],
				mono: ["JetBrains Mono", ...defaultTheme.fontFamily.mono],
			},
			animation: {
				"pulse-fast": "pulse 1s cubic-bezier(0.4, 0, 0.6, 1) infinite",
			},
		},
	},
	safelist: [
		{
			pattern: /row-start-\d+/,
			variants: ["md"],
		},
		{
			pattern: /col-start-\d+/,
			variants: ["md"],
		},
		{
			pattern: /translate-y-\d+/,
			variants: ["md"],
		},
	],
	plugins: [
		require.resolve("prettier-plugin-astro"),
		require("@tailwindcss/typography"),
		require("@tailwindcss/forms"),
		require("@tailwindcss/aspect-ratio"),
	],
	overrides: [
		{
			files: "*.astro",
			options: {
				parser: "astro",
			},
		},
	],
};