Files
avbeat-com/tailwind.config.js

64 lines
1.8 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
'./src/app/**/*.{js,ts,jsx,tsx,mdx}',
'./src/components/**/*.{js,ts,jsx,tsx,mdx}',
'./src/pages/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
colors: {
primary: '#0d0d0d',
secondary: '#161616',
accent: '#3b82f6',
'accent-dark': '#2563eb',
'accent-muted': '#1e3a5f',
'accent-red': '#cc0000',
'accent-red-dark': '#aa0000',
background: '#111111',
card: '#1a1a1a',
foreground: '#e8e8e8',
muted: '#888888',
border: '#2a2a2a',
'navy-mid': '#1e1e1e',
'navy-light': '#222222',
'ice-blue': '#1a2535',
'top-bar': '#1a2535',
'sub-nav': '#161c28',
},
fontFamily: {
heading: ['Georgia', 'serif'],
body: ['Arial', 'Helvetica', 'sans-serif'],
mono: ['Courier New', 'monospace'],
},
maxWidth: {
container: '1200px',
},
boxShadow: {
card: '0 1px 4px rgba(0, 0, 0, 0.5)',
'card-hover': '0 4px 16px rgba(0, 0, 0, 0.6)',
nav: '0 2px 8px rgba(0, 0, 0, 0.5)',
},
keyframes: {
'fade-in': {
'0%': { opacity: '0', transform: 'translateY(8px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
'page-enter': {
'0%': { opacity: '0', transform: 'translateY(6px)' },
'100%': { opacity: '1', transform: 'translateY(0)' },
},
shimmer: {
'0%': { backgroundPosition: '-200% 0' },
'100%': { backgroundPosition: '200% 0' },
},
},
animation: {
'fade-in': 'fade-in 0.35s ease forwards',
'page-enter': 'page-enter 0.4s ease forwards',
shimmer: 'shimmer 1.6s infinite linear',
},
},
},
plugins: [],
};