-
Notifications
You must be signed in to change notification settings - Fork 3
/
tailwind.config.mjs
106 lines (102 loc) · 2.7 KB
/
tailwind.config.mjs
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
/** @type {import('tailwindcss').Config} */
export default {
content: ["./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}"],
darkMode: "class",
theme: {
extend: {
transitionProperty: {
shape: "border-radius, box-shadow, transform, border-width, top",
},
animation: {
blink: "blink 1.5s steps(1) infinite",
rotate: "rotate 6s ease-in-out infinite",
emoticon: "emoticon 12s linear infinite",
},
keyframes: {
blink: {
"50%": { "border-color": "transparent" },
},
rotate: {
"0%, 75%": { transform: "rotate(0deg)" },
"25%, 50%": { transform: "rotate(360deg)" },
},
emoticon: {
"0%, 100%": { transform: "rotate(-20deg)" },
"50%": { transform: "rotate(20deg)" },
},
},
fontFamily: {
outfit: ["Outfit", "sans-serif"],
azeret: ["Azeret Mono", "monospace"],
},
colors: {
gruvboxDark: {
bg: "#282828",
bg0: "#282828",
bgH: "#1d2021",
bgXH: "#161818", // custom darker hard
bgS: "#32302f",
bg1: "#3c3836",
bg2: "#504945",
bg3: "#665c54",
bg4: "#7c6f64",
fg: "#ebdbb2",
fg0: "#fbf1c7",
fg1: "#ebdbb2",
fg2: "#d5c4a1",
fg3: "#bdae93",
fg4: "#a89984",
red: "#cc241d",
red2: "#fb4934",
green: "#98971a",
green2: "#b8bb26",
yellow: "#d79921",
yellow2: "#fabd2f",
blue: "#458588",
blue2: "#83a598",
purple: "#b16286",
purple2: "#d3869b",
aqua: "#689d6a",
aqua2: "#8ec07c",
orange: "#d65d0e",
orange2: "#fe8019",
gray: "#a89984",
gray2: "#928374",
},
gruvbox: {
bg: "#fbf1c7",
bg0: "#fbf1c7",
bgH: "#f9f5d7",
bgS: "#f2e5bc",
bg1: "#ebdbb2",
bg2: "#d5c4a1",
bg3: "#bdae93",
bg4: "#a89984",
fg: "#3c3836",
fg0: "#282828",
fg1: "#3c3836",
fg2: "#504945",
fg3: "#665c54",
fg4: "#7c6f64",
red: "#cc241d",
red2: "#9d0006",
green: "#98971a",
green2: "#79740e",
yellow: "#d79921",
yellow2: "#b57614",
blue: "#458588",
blue2: "#076678",
purple: "#b16286",
purple2: "#8f3f71",
aqua: "#689d6a",
aqua2: "#427b58",
orange: "#d65d0e",
orange2: "#af3a03",
gray: "#7c6f64",
gray2: "#928374",
},
},
},
},
plugins: [],
};