blob: e7aeed15763c8d7cd0db030e00595b73726bd40b (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
|
---
// Prose component for styling markdown content
---
<div
class="prose prose-lg prose-custom max-w-none mx-auto px-4 sm:px-6 lg:px-8 py-8
prose-headings:font-bold prose-headings:text-gray-900 prose-headings:mb-4 prose-headings:mt-8
prose-h1:text-4xl prose-h1:mt-0
prose-h2:text-2xl prose-h2:pb-2
prose-h3:text-xl
prose-p:text-gray-900 prose-p:my-4 prose-p:leading-relaxed
prose-a:text-blue-600 prose-a:font-medium prose-a:no-underline hover:prose-a:underline
prose-strong:font-bold prose-strong:text-gray-900
prose-ul:my-6 prose-ul:list-disc prose-ul:pl-6
prose-ol:my-6 prose-ol:list-decimal prose-ol:pl-6
prose-li:my-2 prose-li:text-gray-900
prose-blockquote:border-l-4 prose-blockquote:border-blue-500 prose-blockquote:pl-4 prose-blockquote:py-3 prose-blockquote:my-6 prose-blockquote:bg-blue-50 prose-blockquote:rounded-md
prose-blockquote:text-gray-900 prose-blockquote:font-normal prose-blockquote:before:content-none prose-blockquote:after:content-none
prose-img:rounded-lg prose-img:shadow-md prose-img:my-8
prose-hr:hidden
prose-code:font-mono prose-code:text-blue-700 prose-code:bg-blue-50 prose-code:px-1.5 prose-code:py-0.5 prose-code:rounded prose-code:text-sm prose-code:border prose-code:border-blue-100
prose-pre:bg-gray-800 prose-pre:border prose-pre:border-gray-700 prose-pre:p-4 prose-pre:rounded-lg prose-pre:overflow-x-auto prose-pre:my-6
prose-pre:shadow-sm prose-pre:text-sm prose-pre:text-gray-300
[&_pre_code]:text-gray-300 [&_pre_code]:bg-transparent [&_pre_code]:p-0 [&_pre_code]:border-0
dark:prose-invert
dark:prose-pre:bg-gray-800 dark:prose-pre:border-gray-700
dark:prose-code:bg-gray-700 dark:prose-code:border-gray-600 dark:prose-code:text-blue-300
dark:prose-blockquote:bg-gray-800 dark:prose-blockquote:text-gray-300 dark:prose-blockquote:border-blue-700"
>
<slot />
</div>
|
