-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
80 lines (79 loc) · 2.14 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
/** @type {import('tailwindcss').Config} */
export default ({
content: [
"./resources/**/*.blade.php",
"./resources/**/**/*.blade.php",
"./resources/**/*.js",
"./resources/**/*.vue",
"./node_modules/flowbite/**/*.js"
],
theme: {
extend: {
animation: {
"fade": "fadeOut .5s ease-in-out",
},
// that is actual animation
keyframes: (theme) => ({
fadeOut: {
"0%": {
backgroundColor: theme("colors.transparent")
},
"100%": {
backgroundColor: theme("colors.gray-300")
},
},
}),
},
colors: {
transparent: 'transparent',
current: 'currentColor',
'white': '#ffffff',
'black': '#000000',
'lt': '#EFF3F4',
'pc': '#3A638D',
'sc': '#88BBE5',
'ac': '#4DAAAA',
'dt': '#27343F',
'dt1': '#34404A',
'dt2': '#404C56',
'dt3': '#4D5861',
'dt4': '#5A646C',
'dt5': '#677077',
'lt1': '#E0E4E5',
'lt2': '#D1D5D6',
'lt3': '#C2C5C6',
'lt4': '#B3B6B7',
'lt5': '#A4A7A8',
'pc1': '#41566B',
'pc2': '#7AB1DD',
'pc3': '#C9E4FF',
'pc4': '#E3F1FF',
'rt1': '#A84E4E',
'rt2': '#992E2E',
'rt3': '#D69696',
'rt4': '#FFE6E6',
'rt5': '#331717',
'ot1': '#A87B4E',
'ot2': '#99632E',
'ot3': '#D6B696',
'ot4': '#FFF2E6',
'ot5': '#332517',
'gt1': '#4EA579',
'gt2': '#2E9963',
'gt3': '#96D6B6',
'gt4': '#E6FFF2',
'gt5': '#173325',
'sc': '#88BBE5'
},
fontFamily: {
'poppins': ['poppins', 'sans-serif'],
'magistral': ['magistral', 'sans-serif'],
'magistral-condensed' : ['magistral-condensed', 'sans-serif'],
'magistral-compressed' : ['magistral-compressed', 'sans-serif'],
'quicksand': ['quicksand', 'sans-serif']
},
},
plugins: [
require('flowbite/plugin')
],
});