-
Notifications
You must be signed in to change notification settings - Fork 1
/
tailwind.config.js
63 lines (63 loc) · 2.18 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
/** @type {import('tailwindcss').Config} */
export default {
darkMode: 'class',
content: [
'./src/**/*.{html,js,svelte,ts}',
'./node_modules/flowbite-svelte/**/*.{html,js,svelte,ts}'
],
theme: {
extend: {
animation: {
waiting: 'stretchdelay 1.2s infinite ease-in-out'
},
keyframes: {
stretchdelay: {
'0%, 40%, 100%': { transform: 'scaleY(0.4)' },
'20%': { transform: 'scaleY(1.0)' }
}
},
colors: {
// flowbite-svelte
primary: {
50: '#FFF5F2',
100: '#FFF1EE',
200: '#FFE4DE',
300: '#FFD5CC',
400: '#FFBCAD',
500: '#FE795D',
600: '#EF562F',
700: '#EB4F27',
800: '#CC4522',
900: '#A5371B'
}
},
backgroundImage: {
noise10: "url('/noise-402x402x10.png')",
noise21: "url('/noise-402x402x21.png')",
noise30: "url('/noise-402x402x30.png')"
},
fontFamily: {
sans: [
'Inter var, sans-serif',
{
fontFeatureSettings: '"cv11", "ss01"',
fontVariationSettings: '"opsz" 32'
}
],
montagu: ['Montagu Slab, serif'],
poppins: ['Poppins, Inter var, sans-serif']
},
boxShadow: {
'square-purple-sm': '4px 4px 0 #6d28d9',
'square-purple': '6px 6px 0 #6d28d9',
'square-purple-lg': '10px 10px 0 #6d28d9',
'square-grey-sm': '4px 4px 0 #444',
'square-grey': '6px 6px 0 #444',
'square-orange-sm': '4px 4px 0 #ea580c',
'square-orange': '6px 6px 0 #ea580c',
'square-orange-lg': '10px 10px 0 #ea580c'
}
}
},
plugins: [require('@tailwindcss/typography'), require('flowbite/plugin')]
};