Changes
Co-authored-by: Damaj301damaj-lol <90093996+Damaj301damaj-lol@users.noreply.github.com>
This commit is contained in:
parent
9d274a0e91
commit
e11c4f46c3
1 changed files with 30 additions and 0 deletions
|
|
@ -139,3 +139,33 @@
|
||||||
background-clip: text;
|
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; }
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue