-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
41 lines (40 loc) · 1.17 KB
/
tailwind.config.js
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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./pages/**/*.{js,ts,jsx,tsx}",
"./components/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {
colors: {
windowsBG: "#018583",
windowsHeader: "#100084",
windowsGray: "#C4C4C4",
windowsDarkGray: "#7D8583"
},
height: { screen: 'calc(var(--vh) * 100)' },
maxHeight: { screen: 'calc(var(--vh) * 100)' },
minHeight: { screen: 'calc(var(--vh) * 100)' },
// height: { screen: '100svh' },
// maxHeight: { screen: '100svh' },
// minHeight: { screen: '100svh' },
keyframes: {
enter: {
"0%": { transform: "translate(-7rem, 10rem) scale(0.75)", opacity: 0 },
"100%": { transform: "translate(0rem, 0rem) scale(1)", opacity: 1 },
},
exit: {
"0%": { transform: "translate(0rem, 0rem) scale(1)", opacity: 1 },
"100%": { transform: "translate(-7rem, 10rem) scale(0.75)", opacity: 0 },
}
},
animation: {
enter: "enter 0.2s forwards",
exit: "exit 0.2s forwards"
}
}
},
plugins: [
require('@headlessui/tailwindcss')
]
}