forked from reorproject/reor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
68 lines (66 loc) · 1.81 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
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
/** @type {import('tailwindcss').Config} */
export default {
content: ["./index.html", "./src/**/*.{js,ts,jsx,tsx}"],
theme: {
extend: {
colors: {
'deep-blue': '#002b36',
'dark-gray-c-one': '#121212',
'dark-gray-c-two': '#1e1e1e',
'dark-gray-c-three': '#222222',
'dark-gray-c-four': '#242424',
'dark-gray-c-five': '#272727',
'dark-gray-c-six': '#2c2c2c',
'dark-gray-c-seven': '#2e2e2e',
'dark-gray-c-eight': '#333333',
'dark-gray-c-nine': '#343434',
'dark-gray-c-ten': '#383838',
'dark-gray-c-eleven': '#191919',
"dark-slate-gray": "#2F4F4F",
"light-arsenic": "#182c44",
"distinct-dark-purple": "#3a395e",
"moodly-blue": "#7f7dcb",
'bg-000': 'hsl(var(--bg-000) / 1.0)',
'text-gen-100': 'hsl(var(--gen-100) / 1.0)',
},
height: {
titlebar: "30px",
"below-titlebar": "calc(100vh - 30px)",
},
minHeight: {
"below-titlebar-min": "calc(100vh - 30px)",
},
transitionProperty: {
'height': 'height',
'spacing': 'margin, padding',
'transform': 'transform'
},
transitionDuration: {
'400': '400ms'
},
fontSize: {
'2lg': '1.0rem',
},
keyframes: {
slideIn: {
'0%': { transform: 'translateX(100%)', opacity: '0'},
'100%': { transform: 'translateX(0)', opacity: '1'},
},
bounce: {
'0%, 20%, 50%, 80%, 100%': { opacity: '1' },
'40%, 60%': { opacity: '0' },
}
},
animation: {
'slide-in': 'slideIn 0.3s ease-out',
'bounce': 'bounce 1.4s infinite both',
},
},
},
corePlugins: {
preflight: false,
},
plugins: [
require('tailwind-scrollbar'),
],
};