55 lines
1.2 KiB
JavaScript
55 lines
1.2 KiB
JavaScript
module.exports = {
|
|
content: ["./index.html", "./src/**/*.{vue,js,ts,jsx,tsx}"],
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
keyframes: {
|
|
blink: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '100'},
|
|
},
|
|
slide: {
|
|
'0%': { transform: 'translateX(-40px)' },
|
|
'100%': { transform: 'translateX(0px)' },
|
|
},
|
|
fadin: {
|
|
'0%': { opacity: '0' },
|
|
'100%': { opacity: '1' },
|
|
},
|
|
fadeout: {
|
|
'0%': { opacity: '1' },
|
|
'100%': { opacity: '0' },
|
|
},
|
|
upApp: {
|
|
'0%': { transform: 'scale(0)' },
|
|
'90%': { transform: 'scale(1.2)' },
|
|
'100%': { transform: 'sale(1)' },
|
|
},
|
|
openApp: {
|
|
'0%': { transform: 'scale(0.8)' },
|
|
'50%': { transform: 'scale(1.2)' },
|
|
'100%': { transform: 'sale(1)' },
|
|
},
|
|
click: {
|
|
'0%': { transform: 'scale(0.5)' },
|
|
'50%': { transform: 'scale(1.5)' },
|
|
'100%': { transform: 'sale(1)' },
|
|
},
|
|
},
|
|
animation: {
|
|
blink: 'blink .6s infinite',
|
|
slide: 'slide .3s',
|
|
fadeout: 'fadeout .8s',
|
|
upApp: 'upApp .5s cubic-bezier(0, 0, 0.2, 1)',
|
|
openApp: 'openApp .3s cubic-bezier(0, 0, 0.2, 1)',
|
|
click: 'click .3s cubic-bezier(0, 0, 0.2, 1)',
|
|
|
|
},
|
|
},
|
|
},
|
|
variants: {
|
|
extend: {},
|
|
},
|
|
plugins: [],
|
|
};
|