demo: richer Markdown formatting in test article (headings, table, lists, quote) + prose styles
This commit is contained in:
@@ -145,6 +145,14 @@ img { max-width: 100%; height: auto; display: block; }
|
||||
margin: 22px 0; padding: 12px 20px; border-left: 3px solid var(--accent);
|
||||
background: var(--surface); color: var(--text);
|
||||
}
|
||||
.prose ol { margin: 0 0 16px; padding-left: 22px; }
|
||||
.prose img { border: 1px solid var(--border); border-radius: var(--radius); }
|
||||
.prose img + em, .prose p > em:only-child { color: var(--muted); font-size: 0.85rem; }
|
||||
.prose hr { border: 0; border-top: 1px solid var(--border); margin: 32px 0; }
|
||||
.prose table { width: 100%; border-collapse: collapse; margin: 0 0 16px; font-size: 0.94rem; }
|
||||
.prose th { text-align: left; font-weight: 600; }
|
||||
.prose th, .prose td { padding: 10px 12px; border-bottom: 1px solid var(--border); }
|
||||
.prose thead th { border-bottom: 2px solid var(--accent); }
|
||||
|
||||
/* Generic page / mockup */
|
||||
.page { padding: 40px 0 72px; }
|
||||
|
||||
Reference in New Issue
Block a user