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: var(--code-bg);
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.markdown-body li > p { margin-bottom: 0; }
57
58.markdown-body table {
59 width: 100%;
60 border-collapse: collapse;
61 margin-bottom: 1em;
62}
63
64.markdown-body th, .markdown-body td {
65 border: 1px solid var(--border);
66 padding: 0.5rem 0.75rem;
67 text-align: left;
68}
69
70.markdown-body th { background: var(--bg); font-weight: 600; }
71
72.markdown-body img {
73 max-width: 100%;
74 border-radius: var(--radius);
75}
76
77.markdown-body hr {
78 border: none;
79 border-top: 1px solid var(--border);
80 margin: 2em 0;
81}
82
83.markdown-body a { color: var(--primary); }
84.markdown-body a:hover { text-decoration: underline; }