Files
supabase/apps/www/tailwind.config.js
T

49 lines
1.4 KiB
JavaScript

const config = require('config/tailwind.config')
module.exports = config({
content: [
'../../packages/ui/src/**/*.{tsx,ts,js}',
'./pages/**/*.{tsx,mdx}',
'./lib/mdx/mdxComponents.tsx',
'./components/**/*.tsx',
'./layouts/**/*.tsx',
'./src/**/*.{ts,tsx,mdx}',
'./_blog/*.mdx',
],
theme: {
extend: {
keyframes: {
'flash-code': {
'0%': { backgroundColor: 'rgba(63, 207, 142, 0.1)' },
'100%': { backgroundColor: 'transparent' },
},
slideIn: {
'0%, 100%': { transform: 'translate3d(0,0,0)' },
},
slideIn: {
'0%, 100%': { transform: 'translate3d(0,0,0)' },
},
spin: {
'0%, 100%': { transform: 'rotate(360deg)' },
},
marquee: {
'0%': { transform: 'translateX(0%)' },
'100%': { transform: 'translateX(-100%)' },
},
'pulse-radar': {
'0%': { transform: 'scale(0)', opacity: 0 },
'50%': { opacity: 0.8 },
'100%': { transform: 'scale(100%)', opacity: 0 },
},
},
animation: {
'flash-code': 'flash-code 1s forwards',
'flash-code-slow': 'flash-code 2s forwards',
spin: 'spin 1s both infinite',
marquee: 'marquee 35s linear infinite',
'pulse-radar': 'pulse-radar 3s linear infinite',
},
},
},
})