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: '#1c1815',
secondary: '#231d18',
accent: '#F0A623',
'accent-dark': '#BA7517',
'accent-muted': '#412402',
'accent-red': '#D85A30',
'accent-red-dark': '#E24B4A',
background: '#1c1815',
card: '#231d18',
foreground: '#FBEFE0',
muted: '#C9BBA8',
border: '#3a322b',
'navy-mid': '#1e1e1e',
'navy-light': '#3a322b',
'ice-blue': '#231d18',
'top-bar': '#231d18',
'sub-nav': '#26201a',
},
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: [],
};