Gearbox/tailwind.config.js at main · Decatur-Robotics/Gearbox · 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
/** @type {import('tailwindcss').Config} */
module.exports = {
	content: [
		"./app/**/*.{js,ts,jsx,tsx,mdx}",
		"./pages/**/*.{js,ts,jsx,tsx,mdx}",
		"./components/**/*.{js,ts,jsx,tsx,mdx}",

		// Or if using `src` directory:
		"./src/**/*.{js,ts,jsx,tsx,mdx}",
	],
	theme: {
		extend: {
			keyframes: {
				borderFlash: {
					"0%, 100%": { borderColor: "transparent" },
					"50%": { borderColor: "red" },
				},
			},
			dropShadow: {
				glowWeak: ["0 0px 20px oklch(65.69% 0.196 275.75 / .6)"],
				glowStrong: [
					"0 0px 10px oklch(65.69% 0.196 275.75 / .7)",
					"0 0px 20px oklch(65.69% 0.196 275.75 / .5)",
				],
				glowAccent: ["0 0px 20px oklch(74.51% 0.167 183.61 / .8)"],
			},
			animation: {
				"spin-slow": "spin 3s linear infinite",
				float: "float 4s ease-in-out infinite",
				"float-offset": "float 2s ease-in-out infinite",
				borderFlash: "borderFlash 2s linear infinite",
			},
		},
		blur: {
			xs: "2px",
		},
	},
	daisyui: {
		themes: ["dark", "light"],
	},
	plugins: [require("daisyui")],
};