-
Notifications
You must be signed in to change notification settings - Fork 0
/
tailwind.config.js
41 lines (36 loc) · 1.02 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
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./src/**/*.{js,jsx,ts,tsx}",
],
scrollBehavior: {
smooth: 'smooth',
},
darkMode:"selector",
theme: {
fontFamily:{
'navContent' : ['Poppins', 'sans-serif'],
'heroCotent' : ['Raleway', 'sans-serif'],
},
extend: {
animation: {
clipTextMove: 'clipTextMove 2s linear infinite',
amazingBannerMove: 'amazingBannerMove 10s linear infinite',
},
keyframes: {
clipTextMove: {
'0%': { backgroundPosition: '0' },
'100%': { backgroundPosition: '-200%' },
},
amazingBannerMove: {
'0%': {transform: `translateX(0%)`, opacity: '1'},
'16%': {transform: `translateX(0%)`, opacity: '1'},
'58%': {transform: `translateX(-100%)`, opacity: '0'},
'59%': {transform: `translateX(100%)`, opacity: '0'},
'100%': {transform: `translateX(0%)`,opacity: '1'},
}
}
},
},
plugins: [],
}