132 lines
2.8 KiB
CSS
132 lines
2.8 KiB
CSS
.markdown-body {
|
|
line-height: 1.7;
|
|
color: var(--text-primary);
|
|
word-break: break-word;
|
|
}
|
|
|
|
.markdown-body > *:first-child { margin-top: 0; }
|
|
.markdown-body > *:last-child { margin-bottom: 0; }
|
|
|
|
/* Headings */
|
|
.markdown-body h1,
|
|
.markdown-body h2,
|
|
.markdown-body h3,
|
|
.markdown-body h4,
|
|
.markdown-body h5,
|
|
.markdown-body h6 {
|
|
margin: 1em 0 0.4em;
|
|
font-weight: 600;
|
|
line-height: 1.3;
|
|
color: var(--text-primary);
|
|
}
|
|
.markdown-body h1 { font-size: 1.3em; border-bottom: 1px solid var(--border-color); padding-bottom: 0.3em; }
|
|
.markdown-body h2 { font-size: 1.15em; border-bottom: 1px solid var(--border-color); padding-bottom: 0.2em; }
|
|
.markdown-body h3 { font-size: 1.05em; }
|
|
.markdown-body h4 { font-size: 0.95em; }
|
|
|
|
/* Paragraphs */
|
|
.markdown-body p {
|
|
margin: 0.5em 0;
|
|
}
|
|
|
|
/* Lists */
|
|
.markdown-body ul,
|
|
.markdown-body ol {
|
|
margin: 0.5em 0;
|
|
padding-left: 1.6em;
|
|
}
|
|
.markdown-body li {
|
|
margin: 0.25em 0;
|
|
}
|
|
.markdown-body li > ul,
|
|
.markdown-body li > ol {
|
|
margin: 0.2em 0;
|
|
}
|
|
|
|
/* Bold & italic */
|
|
.markdown-body strong { font-weight: 600; color: var(--text-primary); }
|
|
.markdown-body em { font-style: italic; color: var(--text-secondary); }
|
|
|
|
/* Inline code */
|
|
.markdown-body code {
|
|
background: rgba(110, 118, 129, 0.15);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 4px;
|
|
padding: 0.1em 0.4em;
|
|
font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
|
|
font-size: 0.875em;
|
|
color: var(--red);
|
|
}
|
|
|
|
/* Code blocks */
|
|
.markdown-body pre {
|
|
background: var(--bg-secondary);
|
|
border: 1px solid var(--border-color);
|
|
border-radius: 6px;
|
|
padding: 1em;
|
|
overflow-x: auto;
|
|
margin: 0.6em 0;
|
|
}
|
|
.markdown-body pre code {
|
|
background: none;
|
|
border: none;
|
|
padding: 0;
|
|
font-size: 0.85em;
|
|
color: var(--text-primary);
|
|
}
|
|
|
|
/* Blockquote */
|
|
.markdown-body blockquote {
|
|
border-left: 3px solid var(--accent-blue);
|
|
margin: 0.5em 0;
|
|
padding: 0.3em 0.8em;
|
|
color: var(--text-secondary);
|
|
background: rgba(88, 166, 255, 0.05);
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.markdown-body blockquote p { margin: 0; }
|
|
|
|
/* Horizontal rule */
|
|
.markdown-body hr {
|
|
border: none;
|
|
border-top: 1px solid var(--border-color);
|
|
margin: 1em 0;
|
|
}
|
|
|
|
/* Links */
|
|
.markdown-body a {
|
|
color: var(--accent-blue);
|
|
text-decoration: none;
|
|
}
|
|
.markdown-body a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/* Tables (remark-gfm) */
|
|
.markdown-body table {
|
|
border-collapse: collapse;
|
|
width: 100%;
|
|
margin: 0.6em 0;
|
|
font-size: 0.9em;
|
|
}
|
|
.markdown-body th,
|
|
.markdown-body td {
|
|
border: 1px solid var(--border-color);
|
|
padding: 0.4em 0.7em;
|
|
text-align: left;
|
|
}
|
|
.markdown-body th {
|
|
background: var(--bg-secondary);
|
|
font-weight: 600;
|
|
color: var(--text-primary);
|
|
}
|
|
.markdown-body tr:nth-child(even) td {
|
|
background: var(--surface-hover);
|
|
}
|
|
|
|
/* Task lists (remark-gfm) */
|
|
.markdown-body input[type='checkbox'] {
|
|
margin-right: 0.4em;
|
|
accent-color: var(--accent-blue);
|
|
}
|