deepsite / tailwind.config.mjs
archjayte's picture
Upload 35 files
797a478 verified
raw
history blame
1.26 kB
/** @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: [],
}