diffdown.com
Diffdown is a real-time collaborative Markdown editor/previewer built on the AT Protocol
diffdown.com
1.diff-meta {
2 display: flex;
3 gap: 2rem;
4 margin-bottom: 1rem;
5 font-size: 0.875rem;
6}
7
8.diff-view {
9 background: var(--bg-card);
10 border: 1px solid var(--border);
11 border-radius: var(--radius);
12 overflow-x: auto;
13}
14
15.diff-table {
16 width: 100%;
17 border-collapse: collapse;
18 font-family: var(--font-mono);
19 font-size: 0.8rem;
20}
21
22.diff-line td {
23 padding: 0 0.5rem;
24 white-space: pre;
25 line-height: 1.6;
26}
27
28.diff-num {
29 width: 50px;
30 text-align: right;
31 color: var(--text-muted);
32 user-select: none;
33 border-right: 1px solid var(--border);
34}
35
36.diff-sign {
37 width: 20px;
38 text-align: center;
39 user-select: none;
40}
41
42.diff-content pre {
43 margin: 0;
44 font-family: inherit;
45 font-size: inherit;
46}
47
48.diff-insert { background: #dcfce7; }
49.diff-insert .diff-sign { color: var(--success); }
50
51.diff-delete { background: #fef2f2; }
52.diff-delete .diff-sign { color: var(--danger); }