-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
228 lines (228 loc) · 10.1 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
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
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
/** @type {import('tailwindcss').Config} */
export default {
content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
darkMode: 'class',
theme: {
extend: {
fontSize: {
'10xl': '160px',
'7.5xl': '80px',
},
lineHeight: {
h1: '160px',
h2: '80px',
},
borderRadius: {
'4xl': '28px',
},
fontFamily: {
readex_pro: ['Readex Pro', 'system-ui'],
jetbrains_mono: ['JetBrains Mono', 'system-ui'],
roboto: ['Roboto', 'system-ui'],
},
transitionDuration: {
400: '400ms',
},
transitionTimingFunction: {
standard: 'cubic-bezier(0.2, 0.0, 0, 1.0)',
'standard-decelerate': 'cubic-bezier(0, 0, 0, 1)',
'standard-accelerate': 'cubic-bezier(0.3, 0, 1, 1)',
'emphasized-decelerate': 'cubic-bezier(0.05, 0.7, 0.1, 1.0)',
'emphasized-accelerate': 'cubic-bezier(0.3, 0.0, 0.8, 0.15)',
bounce: 'cubic-bezier(.25,1.55,.65,.97)',
},
height: {
screen: '100dvh',
},
keyframes: {
'fade-in': {
from: {
opacity: 0,
scale: 0,
},
to: {
opacity: 1,
scale: 1,
},
},
'fade-in-snackbar': {
from: {
opacity: 0,
scale: '1 0',
},
to: {
opacity: 1,
scaleY: '1',
},
},
'fade-in-snackbar-body': {
from: {
scale: '1 2',
},
to: {
scaleY: '1',
},
},
'fade-out-snackbar': {
to: {
opacity: 0,
},
},
'fade-in-settings': {
from: {
opacity: 0,
translate: '-50% 0',
},
to: {
opacity: 1,
translate: 0,
},
},
'fade-in-title': {
from: {
opacity: 0,
transform: 'scale(2)',
},
to: {
opacity: 1,
transform: 'scale(1)',
},
},
'fade-in-section': {
from: {
opacity: 0,
scale: '0.94',
},
to: {
opacity: 1,
scale: '1',
},
},
'fade-in-docs': {
from: {
opacity: 0,
scale: '0.8 1',
},
to: {
opacity: 1,
scale: '1',
},
},
},
animation: {
'fade-in-screen': 'fade-in 400ms cubic-bezier(0.05, 0.7, 0.1, 1.0) backwards',
'fade-out-screen': 'fade-in 200ms cubic-bezier(0.3, 0.0, 0.8, 0.15) forward reverse',
'fade-in-standard': 'fade-in 250ms cubic-bezier(0, 0, 0, 1) backwards',
'fade-out-standard': 'fade-in 200ms cubic-bezier(0.3, 0, 1, 1) forward reverse',
'fade-in-snackbar': 'fade-in-snackbar 500ms cubic-bezier(0, 0, 0, 1) backwards',
'fade-in-snackbar-body': 'fade-in-snackbar-body 500ms cubic-bezier(0, 0, 0, 1) backwards',
'fade-out-snackbar': 'fade-out-snackbar 200ms cubic-bezier(0.3, 0, 1, 1) forwards',
'fade-in-settings': 'fade-in-settings 500ms cubic-bezier(0.05, 0.7, 0.1, 1.0) both',
'fade-in-title': 'fade-in-title 250ms cubic-bezier(0.05, 0.7, 0.1, 1.0) both',
'fade-in-section': 'fade-in-section 500ms cubic-bezier(0.05, 0.7, 0.1, 1.0) both',
'fade-in-docs': 'fade-in-docs 700ms cubic-bezier(0.05, 0.7, 0.1, 1.0) both',
},
colors: {
primary: 'var(--md-sys-color-primary)',
'primary-text': 'var(--md-sys-color-primary)',
'on-primary': 'var(--md-sys-color-on-primary)',
'on-primary-text': 'var(--md-sys-color-on-primary)',
'primary-container': 'var(--md-sys-color-primary-container)',
'primary-container-text': 'var(--md-sys-color-primary-container)',
'on-primary-container': 'var(--md-sys-color-on-primary-container)',
'on-primary-container-text': 'var(--md-sys-color-on-primary-container)',
'primary-fixed': 'var(--md-sys-color-primary-fixed)',
'primary-fixed-text': 'var(--md-sys-color-primary-fixed)',
'on-primary-fixed': 'var(--md-sys-color-on-primary-fixed)',
'on-primary-fixed-text': 'var(--md-sys-color-on-primary-fixed)',
'primary-fixed-dim': 'var(--md-sys-color-primary-fixed-dim)',
'primary-fixed-dim-text': 'var(--md-sys-color-primary-fixed-dim)',
'on-primary-fixed-variant': 'var(--md-sys-color-on-primary-fixed-variant)',
'on-primary-fixed-variant-text': 'var(--md-sys-color-on-primary-fixed-variant)',
secondary: 'var(--md-sys-color-secondary)',
'secondary-text': 'var(--md-sys-color-secondary)',
'on-secondary': 'var(--md-sys-color-on-secondary)',
'on-secondary-text': 'var(--md-sys-color-on-secondary)',
'secondary-container': 'var(--md-sys-color-secondary-container)',
'secondary-container-text': 'var(--md-sys-color-secondary-container)',
'on-secondary-container': 'var(--md-sys-color-on-secondary-container)',
'on-secondary-container-text': 'var(--md-sys-color-on-secondary-container)',
'secondary-fixed': 'var(--md-sys-color-secondary-fixed)',
'secondary-fixed-text': 'var(--md-sys-color-secondary-fixed)',
'on-secondary-fixed': 'var(--md-sys-color-on-secondary-fixed)',
'on-secondary-fixed-text': 'var(--md-sys-color-on-secondary-fixed)',
'secondary-fixed-dim': 'var(--md-sys-color-secondary-fixed-dim)',
'secondary-fixed-dim-text': 'var(--md-sys-color-secondary-fixed-dim)',
'on-secondary-fixed-variant': 'var(--md-sys-color-on-secondary-fixed-variant)',
'on-secondary-fixed-variant-text': 'var(--md-sys-color-on-secondary-fixed-variant)',
tertiary: 'var(--md-sys-color-tertiary)',
'tertiary-text': 'var(--md-sys-color-tertiary)',
'on-tertiary': 'var(--md-sys-color-on-tertiary)',
'on-tertiary-text': 'var(--md-sys-color-on-tertiary)',
'tertiary-container': 'var(--md-sys-color-tertiary-container)',
'tertiary-container-text': 'var(--md-sys-color-tertiary-container)',
'on-tertiary-container': 'var(--md-sys-color-on-tertiary-container)',
'on-tertiary-container-text': 'var(--md-sys-color-on-tertiary-container)',
'tertiary-fixed': 'var(--md-sys-color-tertiary-fixed)',
'tertiary-fixed-text': 'var(--md-sys-color-tertiary-fixed)',
'on-tertiary-fixed': 'var(--md-sys-color-on-tertiary-fixed)',
'on-tertiary-fixed-text': 'var(--md-sys-color-on-tertiary-fixed)',
'tertiary-fixed-dim': 'var(--md-sys-color-tertiary-fixed-dim)',
'tertiary-fixed-dim-text': 'var(--md-sys-color-tertiary-fixed-dim)',
'on-tertiary-fixed-variant': 'var(--md-sys-color-on-tertiary-fixed-variant)',
'on-tertiary-fixed-variant-text': 'var(--md-sys-color-on-tertiary-fixed-variant)',
error: 'var(--md-sys-color-error)',
'error-text': 'var(--md-sys-color-error)',
'error-container': 'var(--md-sys-color-error-container)',
'error-container-text': 'var(--md-sys-color-error-container)',
'on-error-container': 'var(--md-sys-color-on-error-container)',
'on-error-container-text': 'var(--md-sys-color-on-error-container)',
outline: 'var(--md-sys-color-outline)',
'outline-text': 'var(--md-sys-color-outline)',
background: 'var(--md-sys-color-background)',
'background-text': 'var(--md-sys-color-background)',
'on-background': 'var(--md-sys-color-on-background)',
'on-background-text': 'var(--md-sys-color-on-background)',
surface: 'var(--md-sys-color-surface)',
'surface-text': 'var(--md-sys-color-surface)',
'on-surface': 'var(--md-sys-color-on-surface)',
'on-surface-text': 'var(--md-sys-color-on-surface)',
'surface-variant': 'var(--md-sys-color-surface-variant)',
'surface-variant-text': 'var(--md-sys-color-surface-variant)',
'on-surface-variant': 'var(--md-sys-color-on-surface-variant)',
'on-surface-variant-text': 'var(--md-sys-color-on-surface-variant)',
'inverse-surface': 'var(--md-sys-color-inverse-surface)',
'inverse-surface-text': 'var(--md-sys-color-inverse-surface)',
'inverse-on-surface': 'var(--md-sys-color-inverse-on-surface)',
'inverse-on-surface-text': 'var(--md-sys-color-inverse-on-surface)',
'inverse-primary': 'var(--md-sys-color-inverse-primary)',
'inverse-primary-text': 'var(--md-sys-color-inverse-primary)',
shadow: 'var(--md-sys-color-shadow)',
'shadow-text': 'var(--md-sys-color-shadow)',
'surface-tint': 'var(--md-sys-color-surface-tint)',
'surface-tint-text': 'var(--md-sys-color-surface-tint)',
'outline-variant': 'var(--md-sys-color-outline-variant)',
'outline-variant-text': 'var(--md-sys-color-outline-variant)',
scrim: 'var(--md-sys-color-scrim)',
'scrim-text': 'var(--md-sys-color-scrim)',
'surface-container-highest': 'var(--md-sys-color-surface-container-highest)',
'surface-container-highest-text': 'var(--md-sys-color-surface-container-highest)',
'surface-container-high': 'var(--md-sys-color-surface-container-high)',
'surface-container-high-text': 'var(--md-sys-color-surface-container-high)',
'surface-container': 'var(--md-sys-color-surface-container)',
'surface-container-text': 'var(--md-sys-color-surface-container)',
'surface-container-low': 'var(--md-sys-color-surface-container-low)',
'surface-container-low-text': 'var(--md-sys-color-surface-container-low)',
'surface-container-lowest': 'var(--md-sys-color-surface-container-lowest)',
'surface-container-lowest-text': 'var(--md-sys-color-surface-container-lowest)',
'surface-bright': 'var(--md-sys-color-surface-bright)',
'surface-bright-text': 'var(--md-sys-color-surface-bright)',
'surface-dim': 'var(--md-sys-color-surface-dim)',
'surface-dim-text': 'var(--md-sys-color-surface-dim)',
'docs-link-text-color': '#B392F0',
'docs-field-text-color': '#9ECBFF',
},
},
},
plugins: [],
};