diffdown.com
Diffdown is a real-time collaborative Markdown editor/previewer built on the AT Protocol
diffdown.com
1.markdown-body {
2 line-height: 1.7;
3 font-size: 1rem;
4}
5
6.markdown-body h1, .markdown-body h2, .markdown-body h3,
7.markdown-body h4, .markdown-body h5, .markdown-body h6 {
8 margin-top: 1.5em;
9 margin-bottom: 0.5em;
10 font-weight: 600;
11 line-height: 1.3;
12}
13
14.markdown-body h1 { font-size: 2em; border-bottom: 1px solid var(--border); padding-bottom: 0.3em; }
15.markdown-body h2 { font-size: 1.5em; border-bottom: 1px solid var(--border); padding-bottom: 0.3em; }
16.markdown-body h3 { font-size: 1.25em; }
17
18.markdown-body p { margin-bottom: 1em; }
19
20.markdown-body code {
21 background: #f3f4f6;
22 padding: 0.15em 0.4em;
23 border-radius: 3px;
24 font-family: var(--font-mono);
25 font-size: 0.875em;
26}
27
28.markdown-body pre {
29 background: #1e1e2e;
30 color: #cdd6f4;
31 padding: 1rem;
32 border-radius: var(--radius);
33 overflow-x: auto;
34 margin-bottom: 1em;
35}
36
37.markdown-body pre code {
38 background: none;
39 padding: 0;
40 color: inherit;
41}
42
43.markdown-body blockquote {
44 border-left: 3px solid var(--primary);
45 padding-left: 1rem;
46 color: var(--text-muted);
47 margin-bottom: 1em;
48}
49
50.markdown-body ul, .markdown-body ol {
51 padding-left: 2em;
52 margin-bottom: 1em;
53}
54
55.markdown-body li { margin-bottom: 0.25em; }
56
57.markdown-body table {
58 width: 100%;
59 border-collapse: collapse;
60 margin-bottom: 1em;
61}
62
63.markdown-body th, .markdown-body td {
64 border: 1px solid var(--border);
65 padding: 0.5rem 0.75rem;
66 text-align: left;
67}
68
69.markdown-body th { background: var(--bg); font-weight: 600; }
70
71.markdown-body img {
72 max-width: 100%;
73 border-radius: var(--radius);
74}
75
76.markdown-body hr {
77 border: none;
78 border-top: 1px solid var(--border);
79 margin: 2em 0;
80}
81
82.markdown-body a { color: var(--primary); }
83.markdown-body a:hover { text-decoration: underline; }