Co-authored-by: Damaj301damaj-lol <90093996+Damaj301damaj-lol@users.noreply.github.com>
This commit is contained in:
gpt-engineer-app[bot] 2026-05-19 15:19:06 +00:00
parent 9d274a0e91
commit e11c4f46c3

View file

@ -139,3 +139,33 @@
background-clip: text;
}
}
@layer components {
.prose-blog {
@apply text-foreground/90 leading-relaxed;
}
.prose-blog > * + * { @apply mt-4; }
.prose-blog h1 { @apply text-2xl md:text-3xl font-heading font-bold text-foreground mt-10 mb-3; }
.prose-blog h2 { @apply text-xl md:text-2xl font-heading font-bold text-foreground mt-8 mb-2; }
.prose-blog h3 { @apply text-lg font-heading font-semibold text-foreground mt-6 mb-2; }
.prose-blog p { @apply text-foreground/85 leading-relaxed; }
.prose-blog a { @apply text-primary underline underline-offset-4 decoration-primary/40 hover:decoration-primary transition-colors; }
.prose-blog strong { @apply text-foreground font-semibold; }
.prose-blog em { @apply italic; }
.prose-blog ul { @apply list-disc pl-6 space-y-1.5 text-foreground/85; }
.prose-blog ol { @apply list-decimal pl-6 space-y-1.5 text-foreground/85; }
.prose-blog blockquote { @apply border-l-2 border-primary/60 pl-4 italic text-muted-foreground my-6; }
.prose-blog code:not(pre code) {
@apply font-mono text-[0.9em] px-1.5 py-0.5 rounded bg-secondary/60 border border-border text-primary;
}
.prose-blog pre {
@apply font-mono text-sm p-4 rounded-lg overflow-x-auto my-6 border border-border;
background: hsl(var(--glass-bg) / 0.8);
}
.prose-blog pre code { @apply bg-transparent p-0 border-0; }
.prose-blog img { @apply rounded-lg my-6 border border-border; }
.prose-blog hr { @apply border-border my-8; }
.prose-blog table { @apply w-full border-collapse my-6 text-sm; }
.prose-blog th, .prose-blog td { @apply border border-border px-3 py-2 text-left; }
.prose-blog th { @apply bg-secondary/40 font-semibold; }
}