ai-flags/tailwind.config.js at main · pumpncode/ai-flags · 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
export default {
	content: [
		"./routes/**/*.jsx",
		"./components/**/*.jsx",
		"./islands/**/*.jsx"
	],
	theme: {
		extend: {
			fontFamily: {
				sans: ["\"Inter\"", "sans-serif"],
				mono: ["\"Roboto Mono\"", "monospace"]
			},
			gridTemplateColumns: {
				header: "50% repeat(auto-fit,minmax(5%,1fr))",
				headerMobile: "75% repeat(auto-fit,minmax(5%,1fr))",
				cards: "repeat(auto-fill, minmax(200px, 1fr))",
				"cards-lg": "repeat(auto-fill, minmax(300px, 1fr))"
			},
			keyframes: {
				"slide-left": {
					"0%": {
						transform: "rotate(12deg) translateX(0vw) skewX(0deg)"
					},
					"50%": {
						transform: "rotate(24deg) translateX(-50vw) skewX(-48deg)"
					},
					"100%": {
						transform: "rotate(12deg) translateX(-100vw) skewX(0deg)"
					}
				}
			},
			animation: {
				"slide-around": "60s ease-in-out infinite alternate slide-left"
			},
			spacing: {
				42: "10.5rem"
			},
			maxWidth: {
				"1/2": "50%"
			}
		}
	}
};