presenteio/tailwind.config.js at development · theduardomaciel/presenteio · 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
/** @type {import('tailwindcss').Config} */

const plugin = require("tailwindcss/plugin");

module.exports = {
	content: [
		"./app/**/*.{js,ts,jsx,tsx,mdx}",
		"./components/**/*.{js,ts,jsx,tsx,mdx}",
	],
	darkMode: "class",
	theme: {
		extend: {
			colors: {
				"primary-01": "var(--primary-01)",
				"primary-02": "var(--primary-02)",
				"primary-03": "var(--primary-03)",

				"font-dark": "var(--font-dark)",
				"font-light": "var(--font-light)",
				"font-light-02": "var(--font-light-02)",

				neutral: "var(--neutral)",
				"light-gray": "var(--light-gray)",

				"background-01": "var(--background-01)",
				"background-02": "var(--background-02)",
				"background-modal": "var(--background-modal)",
			},
			padding: {
				wrapper: "var(--wrapper)",
				"dashboard-wrapper": "var(--dashboard-wrapper)",
			},
			fontFamily: {
				sans: ["var(--font-inter)"],
				serif: ["var(--font-judson)"],
				title: ["var(--font-gelasio)"],
			},
			animation: {
				fadeIn: "fadeIn 0.5s ease-in-out",
				fadeOut: "fadeOut 0.5s ease-in-out",
				"accordion-down": "accordion-down 0.2s ease-out",
				"accordion-up": "accordion-up 0.2s ease-out",
			},
			keyframes: {
				fadeIn: {
					"0%": { opacity: 0 },
					"100%": { opacity: 1 },
				},
				fadeOut: {
					"0%": { opacity: 1 },
					"100%": { opacity: 0 },
				},
				"accordion-down": {
					from: { height: "0" },
					to: { height: "var(--radix-accordion-content-height)" },
				},
				"accordion-up": {
					from: { height: "var(--radix-accordion-content-height)" },
					to: { height: "0" },
				},
			},
		},
	},
	plugins: [
		require("tailwindcss-animate"),
		require("tailwindcss-base-font-size")({
			baseFontSize: 10,
		}),
	],
};