generated from Nicholai/astro-template
52 lines
1.7 KiB
JavaScript
52 lines
1.7 KiB
JavaScript
/** @type {import('tailwindcss').Config} */
|
|
export default {
|
|
content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
brand: {
|
|
lilac: '#EADDFA', // Main Light BG (Poster style)
|
|
lilacDark: '#D0B5EA', // Secondary BG
|
|
purple: '#6B2C91', // Primary Brand Purple
|
|
deep: '#2D0F41', // Text/Borders (Almost Black)
|
|
accent: '#9D4EDD', // Vibrant Accent
|
|
red: '#ED1C24', // Action Red
|
|
surface: '#FFFCF9', // Paper White
|
|
}
|
|
},
|
|
fontFamily: {
|
|
sans: ['Inter', 'sans-serif'],
|
|
display: ['Oswald', 'sans-serif'],
|
|
marker: ['Permanent Marker', 'cursive'],
|
|
},
|
|
backgroundImage: {
|
|
'halftone': "radial-gradient(circle, #2D0F41 1px, transparent 1px)",
|
|
'paper': "url('https://www.transparenttextures.com/patterns/cream-paper.png')",
|
|
},
|
|
animation: {
|
|
'blob': 'blob 7s infinite',
|
|
'float': 'float 6s ease-in-out infinite',
|
|
'marquee': 'marquee 25s linear infinite',
|
|
},
|
|
keyframes: {
|
|
blob: {
|
|
'0%': { transform: 'translate(0px, 0px) scale(1)' },
|
|
'33%': { transform: 'translate(30px, -50px) scale(1.1)' },
|
|
'66%': { transform: 'translate(-20px, 20px) scale(0.9)' },
|
|
'100%': { transform: 'translate(0px, 0px) scale(1)' },
|
|
},
|
|
float: {
|
|
'0%, 100%': { transform: 'translateY(0)' },
|
|
'50%': { transform: 'translateY(-20px)' },
|
|
},
|
|
marquee: {
|
|
'0%': { transform: 'translateX(0%)' },
|
|
'100%': { transform: 'translateX(-50%)' },
|
|
}
|
|
},
|
|
},
|
|
},
|
|
plugins: [],
|
|
}
|
|
|