28 lines
784 B
JavaScript
28 lines
784 B
JavaScript
|
/** @type {import('tailwindcss').Config} */
|
||
|
|
module.exports = {
|
||
|
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
||
|
|
theme: {
|
||
|
|
extend: {
|
||
|
|
animation: {
|
||
|
|
cursor: 'cursor .6s linear infinite alternate',
|
||
|
|
type: 'type 1.8s ease-out .8s 1 normal both',
|
||
|
|
'type-reverse': 'type 1.8s ease-out 0s infinite alternate-reverse both',
|
||
|
|
},
|
||
|
|
keyframes: {
|
||
|
|
type: {
|
||
|
|
'0%': { width: '0ch' },
|
||
|
|
'5%, 10%': { width: '1ch' },
|
||
|
|
'15%, 20%': { width: '2ch' },
|
||
|
|
'25%, 30%': { width: '3ch' },
|
||
|
|
'35%, 40%': { width: '4ch' },
|
||
|
|
'45%, 50%': { width: '5ch' },
|
||
|
|
'55%, 60%': { width: '6ch' },
|
||
|
|
'65%, 70%': { width: '7ch' },
|
||
|
|
'75%, 80%': { width: '8ch' },
|
||
|
|
'85%, 90%': { width: '9ch' },
|
||
|
|
'95%': { width: '10ch' },
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
},
|
||
|
|
}
|