Spaces:
Running
Running
/** @type {import('tailwindcss').Config} */ | |
export default { | |
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'], | |
darkMode: 'class', | |
theme: { | |
extend: { | |
colors: { | |
blueprint: { | |
primary: '#1B2F5C', | |
secondary: '#FFFFFF', | |
accent: '#C69C49', | |
dark: '#3A3A3A', | |
light: '#F5F7FA', | |
gray: '#EDEDED' | |
} | |
}, | |
fontFamily: { | |
cairo: ['Cairo', 'ui-sans-serif', 'system-ui'], | |
poppins: ['Poppins', 'ui-sans-serif', 'system-ui'], | |
}, | |
animation: { | |
'fade-in': 'fadeIn 0.6s ease-out', | |
'slide-up': 'slideUp 0.8s ease-out', | |
'bounce-slow': 'bounce 2s infinite', | |
'pulse-slow': 'pulse 3s infinite', | |
'float': 'float 6s ease-in-out infinite', | |
}, | |
keyframes: { | |
fadeIn: { | |
'0%': { opacity: '0' }, | |
'100%': { opacity: '1' }, | |
}, | |
slideUp: { | |
'0%': { transform: 'translateY(30px)', opacity: '0' }, | |
'100%': { transform: 'translateY(0)', opacity: '1' }, | |
}, | |
float: { | |
'0%, 100%': { transform: 'translateY(0px)' }, | |
'50%': { transform: 'translateY(-20px)' }, | |
} | |
} | |
}, | |
}, | |
plugins: [], | |
} |