wwwfiberdirekt/tailwind.config.mjs

62 lines
1.3 KiB
JavaScript

/** @type {import('tailwindcss').Config} */
const config = {
theme: {
extend: {
colors: {
// ... existing colors ...
'fd-var': {
bg: 'var(--fd-bg-primary)',
'bg-alt': 'var(--fd-bg-secondary)',
card: 'var(--fd-bg-card)',
text: 'var(--fd-text-primary)',
'text-2': 'var(--fd-text-secondary)',
muted: 'var(--fd-text-muted)',
border: 'var(--fd-border)',
},
},
typography: () => ({
DEFAULT: {
css: [
{
'--tw-prose-body': 'var(--text)',
'--tw-prose-headings': 'var(--text)',
h1: {
fontWeight: 'normal',
marginBottom: '0.25em',
},
},
],
},
base: {
css: [
{
h1: {
fontSize: '2.5rem',
},
h2: {
fontSize: '1.25rem',
fontWeight: 600,
},
},
],
},
md: {
css: [
{
h1: {
fontSize: '3.5rem',
},
h2: {
fontSize: '1.5rem',
},
},
],
},
}),
},
},
}
export default config