/* * github like style * https://github.com/iamcco/markdown.css/blob/master/dest/github/markdown.css */ :root { --color-text-primary: #333; --color-text-tertiary: #777; --color-text-link: #4078c0; --color-bg-primary: #fff; --color-bg-secondary: #fafbfc; --color-bg-tertiary: #f8f8f8; --color-border-primary: #ddd; --color-border-secondary: #eaecef; --color-border-tertiary: #d1d5da; --color-kbd-foreground: #444d56; --color-markdown-blockquote-border: #dfe2e5; --color-markdown-table-border: #dfe2e5; --color-markdown-table-tr-border: #c6cbd1; --color-markdown-code-bg: #1b1f230d; } [data-theme="dark"] { --color-text-primary: #c9d1d9; --color-text-tertiary: #8b949e; --color-text-link: #58a6ff; --color-bg-primary: #0d1117; --color-bg-secondary: #0d1117; --color-bg-tertiary: #161b22; --color-border-primary: #30363d; --color-border-secondary: #21262d; --color-border-tertiary: #6e7681; --color-kbd-foreground: #b1bac4; --color-markdown-blockquote-border: #3b434b; --color-markdown-table-border: #3b434b; --color-markdown-table-tr-border: #272c32; --color-markdown-code-bg: #f0f6fc26; } .markdown-body ol ol, .markdown-body ul ol, .markdown-body ol ul, .markdown-body ul ul, .markdown-body ol ul ol, .markdown-body ul ul ol, .markdown-body ol ul ul, .markdown-body ul ul ul { margin-top: 0; margin-bottom: 0; } .markdown-body { font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; color: var(--color-text-primary); line-height: 1.6; word-wrap: break-word; padding: 45px; background: var(--color-bg-primary); border: 1px solid var(--color-border-primary); -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .markdown-body > *:first-child { margin-top: 0 !important; } .markdown-body > *:last-child { margin-bottom: 0 !important; } .markdown-body .table-of-contents ol { list-style: none; } .markdown-body .table-of-contents > ol { padding-left: 0; } .markdown-body * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { margin-top: 1em; margin-bottom: 16px; font-weight: bold; line-height: 1.4; } .markdown-body h1 .anchor, .markdown-body h2 .anchor, .markdown-body h3 .anchor, .markdown-body h4 .anchor, .markdown-body h5 .anchor, .markdown-body h6 .anchor { margin-left: -24px; visibility: hidden; } .markdown-body h1:hover .anchor, .markdown-body h2:hover .anchor, .markdown-body h3:hover .anchor, .markdown-body h4:hover .anchor, .markdown-body h5:hover .anchor, .markdown-body h6:hover .anchor { visibility: visible; } .markdown-body p, .markdown-body blockquote, .markdown-body ul, .markdown-body ol, .markdown-body dl, .markdown-body table, .markdown-body pre { margin-top: 0; margin-bottom: 16px; } .markdown-body h1 { margin: 0.67em 0; padding-bottom: 0.3em; font-size: 2.25em; line-height: 1.2; border-bottom: 1px solid var(--color-border-secondary); } .markdown-body h2 { padding-bottom: 0.3em; font-size: 1.75em; line-height: 1.225; border-bottom: 1px solid var(--color-border-secondary); } .markdown-body h3 { font-size: 1.5em; line-height: 1.43; } .markdown-body h4 { font-size: 1.25em; } .markdown-body h5 { font-size: 1em; } .markdown-body h6 { font-size: 1em; color: var(--color-text-tertiary); } .markdown-body hr { margin-top: 20px; margin-bottom: 20px; height: 0; border: 0; border-top: 1px solid var(--color-border-primary); } .markdown-body ol, .markdown-body ul { padding-left: 2em; } .markdown-body ol ol, .markdown-body ul ol { list-style-type: lower-roman; } .markdown-body ol ul, .markdown-body ul ul { list-style-type: circle; } .markdown-body ol ul ul, .markdown-body ul ul ul { list-style-type: square; } .markdown-body ol { list-style-type: decimal; } .markdown-body ul { list-style-type: disc; } .markdown-body dl { margin-bottom: 1.3em } .markdown-body dl dt { font-weight: 700; } .markdown-body dl dd { margin-left: 0; } .markdown-body dl dd p { margin-bottom: 0.8em; } .markdown-body blockquote { margin-left: 0; margin-right: 0; padding: 0 15px; color: var(--color-text-tertiary); border-left: 4px solid var(--color-markdown-blockquote-border); } .markdown-body table { display: block; width: 100%; overflow: auto; word-break: normal; word-break: keep-all; border-collapse: collapse; border-spacing: 0; } .markdown-body table tr { background-color: var(--color-bg-primary); border-top: 1px solid var(--color-markdown-table-tr-border); } .markdown-body table tr:nth-child(2n) { background-color: var(--color-bg-tertiary); } .markdown-body table th, .markdown-body table td { padding: 6px 13px; border: 1px solid var(--color-markdown-table-border); vertical-align: top; } .markdown-body kbd { display: inline-block; padding: 5px 6px; font: 14px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; line-height: 10px; color: var(--color-kbd-foreground); vertical-align: middle; background-color: var(--color-bg-secondary); border: 1px solid var(--color-border-tertiary); border-radius: 3px; box-shadow: inset 0 -1px 0 var(--color-border-tertiary); } .markdown-body pre { word-wrap: normal; padding: 16px; overflow: auto; font-size: 85%; line-height: 1.45; background-color: var(--color-bg-tertiary); -webkit-border-radius: 3px; border-radius: 3px; } .markdown-body pre code { display: inline; max-width: initial; padding: 0; margin: 0; overflow: initial; font-size: 100%; line-height: inherit; word-wrap: normal; white-space: pre; border: 0; -webkit-border-radius: 3px; border-radius: 3px; background-color: transparent; } .markdown-body pre code:before, .markdown-body pre code:after { content: normal; } .markdown-body code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; padding: 0; padding-top: 0.2em; padding-bottom: 0.2em; margin: 0; font-size: 85%; background-color: var(--color-markdown-code-bg); -webkit-border-radius: 3px; border-radius: 3px; } .markdown-body code:before, .markdown-body code:after { letter-spacing: -0.2em; content: "\00a0"; } .markdown-body a { color: var(--color-text-link); text-decoration: none; background: transparent; } .markdown-body img { max-width: 100%; max-height: 100%; } .markdown-body strong { font-weight: bold; } .markdown-body em { font-style: italic; } .markdown-body del { text-decoration: line-through; } .task-list-item { list-style-type: none; } .task-list-item input { font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; margin: 0 0.35em 0.25em -1.6em; vertical-align: middle; } .task-list-item input[disabled] { cursor: default; } .task-list-item input[type="checkbox"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; } .task-list-item input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0; }