diff --git a/.gitattributes b/.gitattributes index 391f0a4..6313b56 100644 --- a/.gitattributes +++ b/.gitattributes @@ -1,2 +1 @@ -* text=auto -*.js text eol=lf +* text=auto eol=lf diff --git a/bower.json b/bower.json deleted file mode 100644 index 6b16432..0000000 --- a/bower.json +++ /dev/null @@ -1,19 +0,0 @@ -{ - "name": "github-markdown-css", - "description": "The minimal amount of CSS to replicate the GitHub Markdown style", - "license": "MIT", - "main": "github-markdown.css", - "keywords": [ - "github", - "markdown", - "md", - "css", - "style", - "stylesheet" - ], - "ignore": [ - "**/.*", - "package.json", - "index.html" - ] -} diff --git a/github-markdown.css b/github-markdown.css index c5f9777..aa85199 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -1,14 +1,59 @@ -@font-face { - font-family: octicons-link; + +font-family: octicons-link; src: url(data:font/woff;charset=utf-8;base64,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) format('woff'); } +.markdown-body .octicon { + display: inline-block; + fill: currentColor; + vertical-align: text-bottom; +} + +.markdown-body .anchor { + float: left; + line-height: 1; + margin-left: -20px; + padding-right: 4px; +} + +.markdown-body .anchor:focus { + outline: none; +} + +.markdown-body h1 .octicon-link, +.markdown-body h2 .octicon-link, +.markdown-body h3 .octicon-link, +.markdown-body h4 .octicon-link, +.markdown-body h5 .octicon-link, +.markdown-body h6 .octicon-link { + color: #1b1f23; + vertical-align: middle; + 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 { + text-decoration: none; +} + +.markdown-body h1:hover .anchor .octicon-link, +.markdown-body h2:hover .anchor .octicon-link, +.markdown-body h3:hover .anchor .octicon-link, +.markdown-body h4:hover .anchor .octicon-link, +.markdown-body h5:hover .anchor .octicon-link, +.markdown-body h6:hover .anchor .octicon-link { + visibility: visible; +} .markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - line-height: 1.5; color: #24292e; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + line-height: 1.5; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; font-size: 16px; line-height: 1.5; word-wrap: break-word; @@ -28,8 +73,8 @@ color: #6f42c1; } -.markdown-body .pl-smi, -.markdown-body .pl-s .pl-s1 { +.markdown-body .pl-s .pl-s1, +.markdown-body .pl-smi { color: #24292e; } @@ -41,18 +86,18 @@ color: #d73a49; } -.markdown-body .pl-s, .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-sre, -.markdown-body .pl-sr .pl-sra { +.markdown-body .pl-sr .pl-sra, +.markdown-body .pl-sr .pl-sre { color: #032f62; } -.markdown-body .pl-v, -.markdown-body .pl-smw { +.markdown-body .pl-smw, +.markdown-body .pl-v { color: #e36209; } @@ -61,22 +106,22 @@ } .markdown-body .pl-ii { - color: #fafbfc; background-color: #b31d28; + color: #fafbfc; } .markdown-body .pl-c2 { - color: #fafbfc; background-color: #d73a49; + color: #fafbfc; } -.markdown-body .pl-c2::before { +.markdown-body .pl-c2:before { content: "^M"; } .markdown-body .pl-sr .pl-cce { - font-weight: bold; color: #22863a; + font-weight: 700; } .markdown-body .pl-ml { @@ -86,43 +131,43 @@ .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { - font-weight: bold; color: #005cc5; + font-weight: 700; } .markdown-body .pl-mi { - font-style: italic; color: #24292e; + font-style: italic; } .markdown-body .pl-mb { - font-weight: bold; color: #24292e; + font-weight: 700; } .markdown-body .pl-md { - color: #b31d28; background-color: #ffeef0; + color: #b31d28; } .markdown-body .pl-mi1 { - color: #22863a; background-color: #f0fff4; + color: #22863a; } .markdown-body .pl-mc { - color: #e36209; background-color: #ffebda; + color: #e36209; } .markdown-body .pl-mi2 { - color: #f6f8fa; background-color: #005cc5; + color: #f6f8fa; } .markdown-body .pl-mdr { - font-weight: bold; color: #6f42c1; + font-weight: 700; } .markdown-body .pl-ba { @@ -134,14 +179,16 @@ } .markdown-body .pl-corl { - text-decoration: underline; color: #032f62; + text-decoration: underline; } -.markdown-body .octicon { - display: inline-block; - vertical-align: text-top; - fill: currentColor; +.markdown-body details { + display: block; +} + +.markdown-body summary { + display: list-item; } .markdown-body a { @@ -155,15 +202,12 @@ .markdown-body strong { font-weight: inherit; -} - -.markdown-body strong { font-weight: bolder; } .markdown-body h1 { font-size: 2em; - margin: 0.67em 0; + margin: .67em 0; } .markdown-body img { @@ -173,7 +217,7 @@ .markdown-body code, .markdown-body kbd, .markdown-body pre { - font-family: monospace, monospace; + font-family: monospace,monospace; font-size: 1em; } @@ -192,7 +236,7 @@ overflow: visible; } -.markdown-body [type="checkbox"] { +.markdown-body [type=checkbox] { box-sizing: border-box; padding: 0; } @@ -221,28 +265,28 @@ } .markdown-body hr { - height: 0; - margin: 15px 0; - overflow: hidden; background: transparent; border: 0; border-bottom: 1px solid #dfe2e5; + height: 0; + margin: 15px 0; + overflow: hidden; } -.markdown-body hr::before { - display: table; +.markdown-body hr:before { content: ""; + display: table; } -.markdown-body hr::after { - display: table; +.markdown-body hr:after { clear: both; content: ""; + display: table; } .markdown-body table { - border-spacing: 0; border-collapse: collapse; + border-spacing: 0; } .markdown-body td, @@ -250,60 +294,73 @@ padding: 0; } +.markdown-body details summary { + cursor: pointer; +} + .markdown-body h1, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 0; margin-bottom: 0; + margin-top: 0; } .markdown-body h1 { font-size: 32px; +} + +.markdown-body h1, +.markdown-body h2 { font-weight: 600; } .markdown-body h2 { font-size: 24px; - font-weight: 600; } .markdown-body h3 { font-size: 20px; +} + +.markdown-body h3, +.markdown-body h4 { font-weight: 600; } .markdown-body h4 { font-size: 16px; - font-weight: 600; } .markdown-body h5 { font-size: 14px; +} + +.markdown-body h5, +.markdown-body h6 { font-weight: 600; } .markdown-body h6 { font-size: 12px; - font-weight: 600; } .markdown-body p { - margin-top: 0; margin-bottom: 10px; + margin-top: 0; } .markdown-body blockquote { margin: 0; } -.markdown-body ul, -.markdown-body ol { - padding-left: 0; - margin-top: 0; +.markdown-body ol, +.markdown-body ul { margin-bottom: 0; + margin-top: 0; + padding-left: 0; } .markdown-body ol ol, @@ -311,10 +368,10 @@ list-style-type: lower-roman; } -.markdown-body ul ul ol, -.markdown-body ul ol ol, +.markdown-body ol ol ol, .markdown-body ol ul ol, -.markdown-body ol ol ol { +.markdown-body ul ol ol, +.markdown-body ul ul ol { list-style-type: lower-alpha; } @@ -322,67 +379,133 @@ margin-left: 0; } -.markdown-body code { - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; +.markdown-body code, +.markdown-body pre { + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; font-size: 12px; } .markdown-body pre { - margin-top: 0; margin-bottom: 0; - font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - font-size: 12px; + margin-top: 0; } -.markdown-body .octicon { - vertical-align: text-bottom; +.markdown-body input::-webkit-inner-spin-button, +.markdown-body input::-webkit-outer-spin-button { + -webkit-appearance: none; + appearance: none; + margin: 0; +} + +.markdown-body .border { + border: 1px solid #e1e4e8!important; +} + +.markdown-body .border-0 { + border: 0!important; +} + +.markdown-body .border-bottom { + border-bottom: 1px solid #e1e4e8!important; +} + +.markdown-body .rounded-1 { + border-radius: 3px!important; +} + +.markdown-body .bg-white { + background-color: #fff!important; +} + +.markdown-body .bg-gray-light { + background-color: #fafbfc!important; +} + +.markdown-body .text-gray-light { + color: #6a737d!important; +} + +.markdown-body .mb-0 { + margin-bottom: 0!important; +} + +.markdown-body .my-2 { + margin-bottom: 8px!important; + margin-top: 8px!important; } .markdown-body .pl-0 { - padding-left: 0 !important; + padding-left: 0!important; +} + +.markdown-body .py-0 { + padding-bottom: 0!important; + padding-top: 0!important; } .markdown-body .pl-1 { - padding-left: 4px !important; + padding-left: 4px!important; } .markdown-body .pl-2 { - padding-left: 8px !important; + padding-left: 8px!important; } -.markdown-body .pl-3 { - padding-left: 16px !important; +.markdown-body .py-2 { + padding-bottom: 8px!important; + padding-top: 8px!important; +} + +.markdown-body .pl-3, +.markdown-body .px-3 { + padding-left: 16px!important; +} + +.markdown-body .px-3 { + padding-right: 16px!important; } .markdown-body .pl-4 { - padding-left: 24px !important; + padding-left: 24px!important; } .markdown-body .pl-5 { - padding-left: 32px !important; + padding-left: 32px!important; } .markdown-body .pl-6 { - padding-left: 40px !important; + padding-left: 40px!important; } -.markdown-body::before { - display: table; - content: ""; +.markdown-body .f6 { + font-size: 12px!important; +} + +.markdown-body .lh-condensed { + line-height: 1.25!important; +} + +.markdown-body .text-bold { + font-weight: 600!important; } -.markdown-body::after { +.markdown-body:before { + content: ""; display: table; +} + +.markdown-body:after { clear: both; content: ""; + display: table; } -.markdown-body>*:first-child { - margin-top: 0 !important; +.markdown-body>:first-child { + margin-top: 0!important; } -.markdown-body>*:last-child { - margin-bottom: 0 !important; +.markdown-body>:last-child { + margin-bottom: 0!important; } .markdown-body a:not([href]) { @@ -390,40 +513,29 @@ text-decoration: none; } -.markdown-body .anchor { - 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 ol, +.markdown-body p, +.markdown-body pre, .markdown-body table, -.markdown-body pre { - margin-top: 0; +.markdown-body ul { margin-bottom: 16px; + margin-top: 0; } .markdown-body hr { - height: 0.25em; - padding: 0; - margin: 24px 0; background-color: #e1e4e8; border: 0; + height: .25em; + margin: 24px 0; + padding: 0; } .markdown-body blockquote { - padding: 0 1em; + border-left: .25em solid #dfe2e5; color: #6a737d; - border-left: 0.25em solid #dfe2e5; + padding: 0 1em; } .markdown-body blockquote>:first-child { @@ -435,17 +547,17 @@ } .markdown-body kbd { - display: inline-block; - padding: 3px 5px; - font-size: 11px; - line-height: 10px; - color: #444d56; - vertical-align: middle; background-color: #fafbfc; - border: solid 1px #c6cbd1; + border: 1px solid #c6cbd1; border-bottom-color: #959da5; border-radius: 3px; box-shadow: inset 0 -1px 0 #959da5; + color: #444d56; + display: inline-block; + font-size: 11px; + line-height: 10px; + padding: 3px 5px; + vertical-align: middle; } .markdown-body h1, @@ -454,51 +566,24 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; - margin-bottom: 16px; font-weight: 600; line-height: 1.25; -} - -.markdown-body h1 .octicon-link, -.markdown-body h2 .octicon-link, -.markdown-body h3 .octicon-link, -.markdown-body h4 .octicon-link, -.markdown-body h5 .octicon-link, -.markdown-body h6 .octicon-link { - color: #1b1f23; - vertical-align: middle; - 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 { - text-decoration: none; -} - -.markdown-body h1:hover .anchor .octicon-link, -.markdown-body h2:hover .anchor .octicon-link, -.markdown-body h3:hover .anchor .octicon-link, -.markdown-body h4:hover .anchor .octicon-link, -.markdown-body h5:hover .anchor .octicon-link, -.markdown-body h6:hover .anchor .octicon-link { - visibility: visible; + margin-bottom: 16px; + margin-top: 24px; } .markdown-body h1 { - padding-bottom: 0.3em; font-size: 2em; +} + +.markdown-body h1, +.markdown-body h2 { border-bottom: 1px solid #eaecef; + padding-bottom: .3em; } .markdown-body h2 { - padding-bottom: 0.3em; font-size: 1.5em; - border-bottom: 1px solid #eaecef; } .markdown-body h3 { @@ -510,25 +595,25 @@ } .markdown-body h5 { - font-size: 0.875em; + font-size: .875em; } .markdown-body h6 { - font-size: 0.85em; color: #6a737d; + font-size: .85em; } -.markdown-body ul, -.markdown-body ol { +.markdown-body ol, +.markdown-body ul { padding-left: 2em; } -.markdown-body ul ul, -.markdown-body ul ol, .markdown-body ol ol, -.markdown-body ol ul { - margin-top: 0; +.markdown-body ol ul, +.markdown-body ul ol, +.markdown-body ul ul { margin-bottom: 0; + margin-top: 0; } .markdown-body li { @@ -540,7 +625,7 @@ } .markdown-body li+li { - margin-top: 0.25em; + margin-top: .25em; } .markdown-body dl { @@ -548,32 +633,32 @@ } .markdown-body dl dt { - padding: 0; - margin-top: 16px; font-size: 1em; font-style: italic; font-weight: 600; + margin-top: 16px; + padding: 0; } .markdown-body dl dd { - padding: 0 16px; margin-bottom: 16px; + padding: 0 16px; } .markdown-body table { display: block; - width: 100%; overflow: auto; + width: 100%; } .markdown-body table th { font-weight: 600; } -.markdown-body table th, -.markdown-body table td { - padding: 6px 13px; +.markdown-body table td, +.markdown-body table th { border: 1px solid #dfe2e5; + padding: 6px 13px; } .markdown-body table tr { @@ -586,9 +671,9 @@ } .markdown-body img { - max-width: 100%; - box-sizing: content-box; background-color: #fff; + box-sizing: content-box; + max-width: 100%; } .markdown-body img[align=right] { @@ -600,11 +685,11 @@ } .markdown-body code { - padding: 0.2em 0.4em; - margin: 0; - font-size: 85%; - background-color: rgba(27,31,35,0.05); + background-color: rgba(27,31,35,.05); border-radius: 3px; + font-size: 85%; + margin: 0; + padding: .2em .4em; } .markdown-body pre { @@ -612,13 +697,13 @@ } .markdown-body pre>code { - padding: 0; - margin: 0; - font-size: 100%; - word-break: normal; - white-space: pre; background: transparent; border: 0; + font-size: 100%; + margin: 0; + padding: 0; + white-space: pre; + word-break: normal; } .markdown-body .highlight { @@ -632,49 +717,173 @@ .markdown-body .highlight pre, .markdown-body pre { - padding: 16px; - overflow: auto; - font-size: 85%; - line-height: 1.45; background-color: #f6f8fa; border-radius: 3px; + font-size: 85%; + line-height: 1.45; + overflow: auto; + padding: 16px; } .markdown-body pre code { + background-color: transparent; + border: 0; display: inline; + line-height: inherit; + margin: 0; max-width: auto; + overflow: visible; padding: 0; - margin: 0; + word-wrap: normal; +} + +.markdown-body .commit-tease-sha { + color: #444d56; + display: inline-block; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; + font-size: 90%; +} + +.markdown-body .blob-wrapper { + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; + overflow-x: auto; + overflow-y: hidden; +} + +.markdown-body .blob-wrapper-embedded { + max-height: 240px; + overflow-y: auto; +} + +.markdown-body .blob-num { + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + color: rgba(27,31,35,.3); + cursor: pointer; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; + font-size: 12px; + line-height: 20px; + min-width: 50px; + padding-left: 10px; + padding-right: 10px; + text-align: right; + user-select: none; + vertical-align: top; + white-space: nowrap; + width: 1%; +} + +.markdown-body .blob-num:hover { + color: rgba(27,31,35,.6); +} + +.markdown-body .blob-num:before { + content: attr(data-line-number); +} + +.markdown-body .blob-code { + line-height: 20px; + padding-left: 10px; + padding-right: 10px; + position: relative; + vertical-align: top; +} + +.markdown-body .blob-code-inner { + color: #24292e; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; + font-size: 12px; overflow: visible; - line-height: inherit; + white-space: pre; word-wrap: normal; - background-color: transparent; - border: 0; } -.markdown-body .full-commit .btn-outline:not(:disabled):hover { - color: #005cc5; - border-color: #005cc5; +.markdown-body .pl-token.active, +.markdown-body .pl-token:hover { + background: #ffea7f; + cursor: pointer; } .markdown-body kbd { - display: inline-block; - padding: 3px 5px; - font: 11px "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, monospace; - line-height: 10px; - color: #444d56; - vertical-align: middle; background-color: #fafbfc; - border: solid 1px #d1d5da; + border: 1px solid #d1d5da; border-bottom-color: #c6cbd1; border-radius: 3px; box-shadow: inset 0 -1px 0 #c6cbd1; + color: #444d56; + display: inline-block; + font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; + line-height: 10px; + padding: 3px 5px; + vertical-align: middle; } .markdown-body :checked+.radio-label { + border-color: #0366d6; position: relative; z-index: 1; - border-color: #0366d6; +} + +.markdown-body .tab-size[data-tab-size="1"] { + -moz-tab-size: 1; + tab-size: 1; +} + +.markdown-body .tab-size[data-tab-size="2"] { + -moz-tab-size: 2; + tab-size: 2; +} + +.markdown-body .tab-size[data-tab-size="3"] { + -moz-tab-size: 3; + tab-size: 3; +} + +.markdown-body .tab-size[data-tab-size="4"] { + -moz-tab-size: 4; + tab-size: 4; +} + +.markdown-body .tab-size[data-tab-size="5"] { + -moz-tab-size: 5; + tab-size: 5; +} + +.markdown-body .tab-size[data-tab-size="6"] { + -moz-tab-size: 6; + tab-size: 6; +} + +.markdown-body .tab-size[data-tab-size="7"] { + -moz-tab-size: 7; + tab-size: 7; +} + +.markdown-body .tab-size[data-tab-size="8"] { + -moz-tab-size: 8; + tab-size: 8; +} + +.markdown-body .tab-size[data-tab-size="9"] { + -moz-tab-size: 9; + tab-size: 9; +} + +.markdown-body .tab-size[data-tab-size="10"] { + -moz-tab-size: 10; + tab-size: 10; +} + +.markdown-body .tab-size[data-tab-size="11"] { + -moz-tab-size: 11; + tab-size: 11; +} + +.markdown-body .tab-size[data-tab-size="12"] { + -moz-tab-size: 12; + tab-size: 12; } .markdown-body .task-list-item { @@ -686,10 +895,62 @@ } .markdown-body .task-list-item input { - margin: 0 0.2em 0.25em -1.6em; + margin: 0 .2em .25em -1.6em; vertical-align: middle; } .markdown-body hr { border-bottom-color: #eee; } + +.markdown-body .pl-0 { + padding-left: 0!important; +} + +.markdown-body .pl-1 { + padding-left: 4px!important; +} + +.markdown-body .pl-2 { + padding-left: 8px!important; +} + +.markdown-body .pl-3 { + padding-left: 16px!important; +} + +.markdown-body .pl-4 { + padding-left: 24px!important; +} + +.markdown-body .pl-5 { + padding-left: 32px!important; +} + +.markdown-body .pl-6 { + padding-left: 40px!important; +} + +.markdown-body .pl-7 { + padding-left: 48px!important; +} + +.markdown-body .pl-8 { + padding-left: 64px!important; +} + +.markdown-body .pl-9 { + padding-left: 80px!important; +} + +.markdown-body .pl-10 { + padding-left: 96px!important; +} + +.markdown-body .pl-11 { + padding-left: 112px!important; +} + +.markdown-body .pl-12 { + padding-left: 128px!important; +} diff --git a/package.json b/package.json index 62e402d..85924af 100644 --- a/package.json +++ b/package.json @@ -1,34 +1,34 @@ { - "name": "github-markdown-css", - "version": "2.10.0", - "description": "The minimal amount of CSS to replicate the GitHub Markdown style", - "license": "MIT", - "repository": "sindresorhus/github-markdown-css", - "author": { - "name": "Sindre Sorhus", - "email": "sindresorhus@gmail.com", - "url": "sindresorhus.com" - }, - "main": "github-markdown.css", - "engines": { - "node": ">=0.10.0" - }, - "scripts": { - "make": "github-markdown-css > github-markdown.css" - }, - "files": [ - "github-markdown.css" - ], - "keywords": [ - "browser", - "github", - "markdown", - "md", - "css", - "style", - "stylesheet" - ], - "devDependencies": { - "generate-github-markdown-css": "^2.1.0" - } + "name": "github-markdown-css", + "version": "3.0.0", + "description": "The minimal amount of CSS to replicate the GitHub Markdown style", + "license": "MIT", + "repository": "sindresorhus/github-markdown-css", + "author": { + "name": "Sindre Sorhus", + "email": "sindresorhus@gmail.com", + "url": "sindresorhus.com" + }, + "main": "github-markdown.css", + "engines": { + "node": ">=0.10.0" + }, + "scripts": { + "make": "github-markdown-css > github-markdown.css" + }, + "files": [ + "github-markdown.css" + ], + "keywords": [ + "browser", + "github", + "markdown", + "md", + "css", + "style", + "stylesheet" + ], + "devDependencies": { + "generate-github-markdown-css": "^3.0.1" + } }