-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathtailwind.config.ts
More file actions
47 lines (47 loc) · 1.08 KB
/
tailwind.config.ts
File metadata and controls
47 lines (47 loc) · 1.08 KB
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
/** @type {import('tailwindcss').Config} */
export default {
content: ['./public/**/*.html', './src/**/*.{js,jsx,ts,tsx}'],
theme: {
extend: {
boxShadow: {
inset: 'inset 10px 10px 5px -7px rgba(0, 0, 0, 0.75)',
},
colors: {
button: {
bg: '#373635',
text: '#fff',
},
cards: {
back: '#373635',
black: '#373635',
front: '#f3efe0',
red: '#9f3a36',
},
controls: {
bg: '#282726',
},
counter: {
bg: '#373635',
text: '#fff',
},
successScreen: {
bg: '#F2F2D5',
greenLine: '#c6d2a2',
redLine: '#A8675E',
},
},
// Using the standard values from https://tailwindcss.com/docs/breakpoints for documentation
screens: {
sm: '640px',
md: '768px',
lg: '1024px',
xl: '1280px',
'2xl': '1536px',
},
transitionTimingFunction: {
'mech-in-out': 'cubic-bezier(0.4, 0.0, 0.2, 1)',
},
},
},
plugins: [],
}