Files
mintel.me/apps/web/tailwind.config.js
Marc Mintel 103d71851c
Some checks failed
🧪 CI (QA) / 🧪 Quality Assurance (push) Failing after 1m3s
chore: overhaul infrastructure and integrate @mintel packages
- Restructure to pnpm monorepo (site moved to apps/web)
- Integrate @mintel/tsconfig, @mintel/eslint-config, @mintel/husky-config
- Implement Docker service architecture (Varnish, Directus, Gatekeeper)
- Setup environment-aware Gitea Actions deployment
2026-02-05 14:18:51 +01:00

67 lines
1.6 KiB
JavaScript

import typography from '@tailwindcss/typography';
/** @type {import('tailwindcss').Config} */
export default {
content: [
'./app/**/*.{js,ts,jsx,tsx,mdx}',
'./src/**/*.{js,ts,jsx,tsx,mdx}',
],
theme: {
extend: {
borderRadius: {
'xl': '1rem',
'2xl': '1.5rem',
'3xl': '2rem',
'full': '9999px',
},
colors: {
slate: {
850: '#1e293b',
900: '#0f172a',
950: '#020617',
}
},
fontFamily: {
sans: ['var(--font-inter)', 'Inter', 'system-ui', 'sans-serif'],
serif: ['var(--font-newsreader)', 'Georgia', 'serif'],
mono: ['JetBrains Mono', 'monospace'],
},
typography: (theme) => ({
DEFAULT: {
css: {
color: theme('colors.slate.800'),
a: {
color: theme('colors.slate.900'),
'&:hover': {
color: theme('colors.slate.700'),
},
},
},
},
}),
animation: {
'fade-in': 'fadeIn 0.5s ease-in-out',
'slide-up': 'slideUp 0.6s ease-out',
'slide-down': 'slideDown 0.6s ease-out',
},
keyframes: {
fadeIn: {
'0%': { opacity: '0' },
'100%': { opacity: '1' },
},
slideUp: {
'0%': { transform: 'translateY(20px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
slideDown: {
'0%': { transform: 'translateY(-20px)', opacity: '0' },
'100%': { transform: 'translateY(0)', opacity: '1' },
},
},
},
},
plugins: [
typography,
],
}