diff --git a/github-markdown.css b/github-markdown.css index dd9dac3..00d4848 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -6,13 +6,119 @@ .markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; + line-height: 1.5; color: #333; - font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-size: 16px; - line-height: 1.6; + line-height: 1.5; word-wrap: break-word; } +.markdown-body .pl-c { + color: #969896; +} + +.markdown-body .pl-c1, +.markdown-body .pl-s .pl-v { + color: #0086b3; +} + +.markdown-body .pl-e, +.markdown-body .pl-en { + color: #795da3; +} + +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: #333; +} + +.markdown-body .pl-ent { + color: #63a35c; +} + +.markdown-body .pl-k { + color: #a71d5d; +} + +.markdown-body .pl-s, +.markdown-body .pl-pds, +.markdown-body .pl-s .pl-pse .pl-s1, +.markdown-body .pl-sr, +.markdown-body .pl-sr .pl-cce, +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: #183691; +} + +.markdown-body .pl-v { + color: #ed6a43; +} + +.markdown-body .pl-id { + color: #b52a1d; +} + +.markdown-body .pl-ii { + color: #f8f8f8; + background-color: #b52a1d; +} + +.markdown-body .pl-sr .pl-cce { + font-weight: bold; + color: #63a35c; +} + +.markdown-body .pl-ml { + color: #693a17; +} + +.markdown-body .pl-mh, +.markdown-body .pl-mh .pl-en, +.markdown-body .pl-ms { + font-weight: bold; + color: #1d3e81; +} + +.markdown-body .pl-mq { + color: #008080; +} + +.markdown-body .pl-mi { + font-style: italic; + color: #333; +} + +.markdown-body .pl-mb { + font-weight: bold; + color: #333; +} + +.markdown-body .pl-md { + color: #bd2c00; + background-color: #ffecec; +} + +.markdown-body .pl-mi1 { + color: #55a532; + background-color: #eaffea; +} + +.markdown-body .pl-mdr { + font-weight: bold; + color: #795da3; +} + +.markdown-body .pl-mo { + color: #1d3e81; +} + +.markdown-body .octicon { + display: inline-block; + vertical-align: text-top; + fill: currentColor; +} + .markdown-body a { background-color: transparent; -webkit-text-decoration-skip: objects; @@ -78,22 +184,14 @@ padding: 0; } -.markdown-body table { - border-spacing: 0; - border-collapse: collapse; -} - -.markdown-body td, -.markdown-body th { - padding: 0; -} - .markdown-body * { box-sizing: border-box; } .markdown-body input { - font: 13px/1.4 Helvetica, arial, nimbussansl, liberationsans, freesans, clean, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: inherit; + font-size: inherit; + line-height: inherit; } .markdown-body a { @@ -106,6 +204,10 @@ text-decoration: underline; } +.markdown-body strong { + font-weight: 600; +} + .markdown-body hr { height: 0; margin: 15px 0; @@ -126,6 +228,16 @@ content: ""; } +.markdown-body table { + border-spacing: 0; + border-collapse: collapse; +} + +.markdown-body td, +.markdown-body th { + padding: 0; +} + .markdown-body h1, .markdown-body h2, .markdown-body h3, @@ -134,31 +246,36 @@ .markdown-body h6 { margin-top: 0; margin-bottom: 0; - line-height: 1.5; } .markdown-body h1 { - font-size: 30px; + font-size: 32px; + font-weight: 600; } .markdown-body h2 { - font-size: 21px; + font-size: 24px; + font-weight: 600; } .markdown-body h3 { - font-size: 16px; + font-size: 20px; + font-weight: 600; } .markdown-body h4 { - font-size: 14px; + font-size: 16px; + font-weight: 600; } .markdown-body h5 { - font-size: 12px; + font-size: 14px; + font-weight: 600; } .markdown-body h6 { - font-size: 11px; + font-size: 12px; + font-weight: 600; } .markdown-body p { @@ -204,44 +321,25 @@ font: 12px Consolas, "Liberation Mono", Menlo, Courier, monospace; } -.markdown-body .pl-0 { - padding-left: 0 !important; +.markdown-body .octicon { + vertical-align: text-bottom; } -.markdown-body .pl-1 { - padding-left: 3px !important; -} - -.markdown-body .pl-2 { - padding-left: 6px !important; -} - -.markdown-body .pl-3 { - padding-left: 12px !important; -} - -.markdown-body .pl-4 { - padding-left: 24px !important; -} - -.markdown-body .pl-5 { - padding-left: 36px !important; -} - -.markdown-body .pl-6 { - padding-left: 48px !important; +.markdown-body input { + -webkit-font-feature-settings: "liga" 0; + font-feature-settings: "liga" 0; } .markdown-body .form-select::-ms-expand { opacity: 0; } -.markdown-body:before { +.markdown-body::before { display: table; content: ""; } -.markdown-body:after { +.markdown-body::after { display: table; clear: both; content: ""; @@ -261,25 +359,73 @@ } .markdown-body .anchor { - display: inline-block; - padding-right: 2px; - margin-left: -18px; + float: left; + padding-right: 4px; + margin-left: -20px; + line-height: 1; } .markdown-body .anchor:focus { outline: none; } +.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 hr { + height: 0.25em; + padding: 0; + margin: 24px 0; + background-color: #e7e7e7; + border: 0; +} + +.markdown-body blockquote { + padding: 0 1em; + color: #777; + border-left: 0.25em solid #ddd; +} + +.markdown-body blockquote>:first-child { + margin-top: 0; +} + +.markdown-body blockquote>:last-child { + margin-bottom: 0; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font-size: 11px; + line-height: 10px; + color: #555; + vertical-align: middle; + background-color: #fcfcfc; + border: solid 1px #ccc; + border-bottom-color: #bbb; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #bbb; +} + .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 1em; + margin-top: 24px; margin-bottom: 16px; - font-weight: bold; - line-height: 1.4; + font-weight: 600; + line-height: 1.25; } .markdown-body h1 .octicon-link, @@ -313,79 +459,33 @@ .markdown-body h1 { padding-bottom: 0.3em; - font-size: 2.25em; - line-height: 1.2; + font-size: 2em; border-bottom: 1px solid #eee; } -.markdown-body h1 .anchor { - line-height: 1; -} - .markdown-body h2 { padding-bottom: 0.3em; - font-size: 1.75em; - line-height: 1.225; + font-size: 1.5em; border-bottom: 1px solid #eee; } -.markdown-body h2 .anchor { - line-height: 1; -} - .markdown-body h3 { - font-size: 1.5em; - line-height: 1.43; -} - -.markdown-body h3 .anchor { - line-height: 1.2; -} - -.markdown-body h4 { font-size: 1.25em; } -.markdown-body h4 .anchor { - line-height: 1.2; +.markdown-body h4 { + font-size: 1em; } .markdown-body h5 { - font-size: 1em; -} - -.markdown-body h5 .anchor { - line-height: 1.1; + font-size: 0.875em; } .markdown-body h6 { - font-size: 1em; + font-size: 0.85em; color: #777; } -.markdown-body h6 .anchor { - line-height: 1.1; -} - -.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 hr { - height: 4px; - padding: 0; - margin: 16px 0; - background-color: #e7e7e7; - border: 0 none; -} - .markdown-body ul, .markdown-body ol { padding-left: 2em; @@ -403,6 +503,10 @@ margin-top: 16px; } +.markdown-body li+li { + margin-top: 0.25em; +} + .markdown-body dl { padding: 0; } @@ -420,20 +524,6 @@ margin-bottom: 16px; } -.markdown-body blockquote { - padding: 0 15px; - color: #777; - border-left: 4px solid #ddd; -} - -.markdown-body blockquote>:first-child { - margin-top: 0; -} - -.markdown-body blockquote>:last-child { - margin-bottom: 0; -} - .markdown-body table { display: block; width: 100%; @@ -477,12 +567,16 @@ border-radius: 3px; } -.markdown-body code:before, -.markdown-body code:after { +.markdown-body code::before, +.markdown-body code::after { letter-spacing: -0.2em; content: "\00a0"; } +.markdown-body pre { + word-wrap: normal; +} + .markdown-body pre>code { padding: 0; margin: 0; @@ -497,6 +591,11 @@ margin-bottom: 16px; } +.markdown-body .highlight pre { + margin-bottom: 0; + word-break: normal; +} + .markdown-body .highlight pre, .markdown-body pre { padding: 16px; @@ -507,143 +606,54 @@ border-radius: 3px; } -.markdown-body .highlight pre { - margin-bottom: 0; - word-break: normal; -} - -.markdown-body pre { - word-wrap: normal; -} - .markdown-body pre code { display: inline; - max-width: initial; + max-width: auto; padding: 0; margin: 0; - overflow: initial; + overflow: visible; line-height: inherit; word-wrap: normal; background-color: transparent; border: 0; } -.markdown-body pre code:before, -.markdown-body pre code:after { +.markdown-body pre code::before, +.markdown-body pre code::after { content: normal; } -.markdown-body kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #555; - vertical-align: middle; - background-color: #fcfcfc; - border: solid 1px #ccc; - border-bottom-color: #bbb; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #bbb; +.markdown-body .pl-0 { + padding-left: 0 !important; } -.markdown-body .pl-c { - color: #969896; +.markdown-body .pl-1 { + padding-left: 3px !important; } -.markdown-body .pl-c1, -.markdown-body .pl-s .pl-v { - color: #0086b3; +.markdown-body .pl-2 { + padding-left: 6px !important; } -.markdown-body .pl-e, -.markdown-body .pl-en { - color: #795da3; +.markdown-body .pl-3 { + padding-left: 12px !important; } -.markdown-body .pl-s .pl-s1, -.markdown-body .pl-smi { - color: #333; +.markdown-body .pl-4 { + padding-left: 24px !important; } -.markdown-body .pl-ent { - color: #63a35c; +.markdown-body .pl-5 { + padding-left: 36px !important; } -.markdown-body .pl-k { - color: #a71d5d; +.markdown-body .pl-6 { + padding-left: 48px !important; } -.markdown-body .pl-pds, -.markdown-body .pl-s, -.markdown-body .pl-s .pl-pse .pl-s1, -.markdown-body .pl-sr, -.markdown-body .pl-sr .pl-cce, -.markdown-body .pl-sr .pl-sra, -.markdown-body .pl-sr .pl-sre { - color: #183691; -} - -.markdown-body .pl-v { - color: #ed6a43; -} - -.markdown-body .pl-id { - color: #b52a1d; -} - -.markdown-body .pl-ii { - background-color: #b52a1d; - color: #f8f8f8; -} - -.markdown-body .pl-sr .pl-cce { - color: #63a35c; - font-weight: bold; -} - -.markdown-body .pl-ml { - color: #693a17; -} - -.markdown-body .pl-mh, -.markdown-body .pl-mh .pl-en, -.markdown-body .pl-ms { - color: #1d3e81; - font-weight: bold; -} - -.markdown-body .pl-mq { - color: #008080; -} - -.markdown-body .pl-mi { - color: #333; - font-style: italic; -} - -.markdown-body .pl-mb { - color: #333; - font-weight: bold; -} - -.markdown-body .pl-md { - background-color: #ffecec; - color: #bd2c00; -} - -.markdown-body .pl-mi1 { - background-color: #eaffea; - color: #55a532; -} - -.markdown-body .pl-mdr { - color: #795da3; - font-weight: bold; -} - -.markdown-body .pl-mo { - color: #1d3e81; +.markdown-body .full-commit .btn-outline:not(:disabled):hover { + color: #4078c0; + border: 1px solid #4078c0; } .markdown-body kbd { @@ -660,23 +670,12 @@ box-shadow: inset 0 -1px 0 #bbb; } -.markdown-body .full-commit .btn-outline:not(:disabled):hover { - color: #4078c0; - border: 1px solid #4078c0; -} - .markdown-body :checked+.radio-label { position: relative; z-index: 1; border-color: #4078c0; } -.markdown-body .octicon { - display: inline-block; - vertical-align: text-top; - fill: currentColor; -} - .markdown-body .task-list-item { list-style-type: none; }