✨ feat(vscode): 代码阅读的注释和函数说明按 Markdown 渲染
This commit is contained in:
1 parent
aae9012f14
commit
a53c2a6aac
18 files changed
+394
-66
No files matched your search
@@ -163,6 +163,85 @@ body.vscode-high-contrast-light {
|
||||
.cr-role-comment { color: var(--cr-comment); }
|
||||
.cr-role-hint { color: var(--vscode-descriptionForeground); }
|
||||
|
||||
/* 注释块、函数说明的 Markdown:正文界面字体、注释色,和属性名一样的行高;代码用编辑器字体、垫代码块底色。
|
||||
间距压紧:一行注释和一行译文一样高,标题只比正文稍大 */
|
||||
.cr-markdown {
|
||||
font-family: var(--vscode-font-family, system-ui, sans-serif), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
|
||||
font-size: var(--vscode-font-size, 13px);
|
||||
line-height: 20px;
|
||||
color: var(--cr-comment);
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
.cr-markdown :is(p, ul, ol, pre, blockquote, table, h1, h2, h3, h4, h5, h6, hr) {
|
||||
margin: 0 0 6px;
|
||||
}
|
||||
.cr-markdown :is(li, blockquote) > :last-child,
|
||||
.cr-markdown > :last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.cr-markdown :is(ul, ol) {
|
||||
padding-left: 20px;
|
||||
}
|
||||
.cr-markdown ul { list-style: disc; }
|
||||
.cr-markdown ol { list-style: decimal; }
|
||||
.cr-markdown :is(ul, ol) ul { list-style: circle; }
|
||||
.cr-markdown :is(h1, h2, h3, h4, h5, h6) {
|
||||
font-size: 1em;
|
||||
font-weight: 600;
|
||||
}
|
||||
.cr-markdown h1 { font-size: 1.15em; }
|
||||
.cr-markdown h2 { font-size: 1.08em; }
|
||||
/* 行内代码换了字体,行高压成 1 才不把这一行撑高 */
|
||||
.cr-markdown code {
|
||||
padding: 1px 4px;
|
||||
border-radius: 3px;
|
||||
font-family: var(--vscode-editor-font-family, monospace), "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", monospace;
|
||||
font-size: 1em;
|
||||
line-height: 1;
|
||||
background: var(--vscode-textCodeBlock-background);
|
||||
}
|
||||
.cr-markdown pre {
|
||||
padding: 4px 8px;
|
||||
border-radius: 4px;
|
||||
background: var(--vscode-textCodeBlock-background);
|
||||
white-space: pre-wrap;
|
||||
tab-size: 4;
|
||||
}
|
||||
.cr-markdown pre code {
|
||||
padding: 0;
|
||||
font-size: var(--vscode-editor-font-size, 12.5px);
|
||||
line-height: inherit;
|
||||
background: none;
|
||||
}
|
||||
.cr-markdown a {
|
||||
color: var(--vscode-textLink-foreground);
|
||||
text-decoration: none;
|
||||
}
|
||||
.cr-markdown a:hover {
|
||||
color: var(--vscode-textLink-activeForeground);
|
||||
text-decoration: underline;
|
||||
}
|
||||
.cr-markdown blockquote {
|
||||
padding: 0 8px;
|
||||
border-left: 3px solid var(--vscode-textBlockQuote-border);
|
||||
background: var(--vscode-textBlockQuote-background);
|
||||
}
|
||||
.cr-markdown table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.cr-markdown :is(th, td) {
|
||||
padding: 0 8px;
|
||||
border: 1px solid color-mix(in srgb, currentColor 30%, transparent);
|
||||
}
|
||||
.cr-markdown th {
|
||||
font-weight: 600;
|
||||
text-align: left;
|
||||
}
|
||||
.cr-markdown hr {
|
||||
border: 0;
|
||||
border-top: 1px solid color-mix(in srgb, currentColor 30%, transparent);
|
||||
}
|
||||
|
||||
/* 按住 ⌘ / Ctrl 停在查得到定义的名字上:和编辑器里的链接一样 */
|
||||
.cr-code [data-link] {
|
||||
color: var(--vscode-editorLink-activeForeground);
|
||||
|
||||
Reference in new issue
Block a user