From 28b11434c1355a09e32b1d169ae2e0b49bcf3896 Mon Sep 17 00:00:00 2001 From: Sindre Sorhus Date: Sat, 22 Feb 2020 17:31:42 +0700 Subject: [PATCH] Regenerate GitHub CSS --- github-markdown.css | 884 +++++++++++++++++++++++--------------------- license | 2 +- package.json | 8 +- readme.md | 11 +- 4 files changed, 461 insertions(+), 444 deletions(-) diff --git a/github-markdown.css b/github-markdown.css index 6085db2..7c6cd78 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -1,8 +1,3 @@ -@font-face { - 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; @@ -49,17 +44,352 @@ visibility: visible; } -.markdown-body { +.markdown-body h1:hover .anchor .octicon-link:before, +.markdown-body h2:hover .anchor .octicon-link:before, +.markdown-body h3:hover .anchor .octicon-link:before, +.markdown-body h4:hover .anchor .octicon-link:before, +.markdown-body h5:hover .anchor .octicon-link:before, +.markdown-body h6:hover .anchor .octicon-link:before { + width: 16px; + height: 16px; + content: ' '; + display: inline-block; + background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' version='1.1' width='16' height='16' aria-hidden='true'%3E%3Cpath fill-rule='evenodd' d='M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z'%3E%3C/path%3E%3C/svg%3E"); +}.markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - color: #24292e; line-height: 1.5; - font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; + color: #24292e; + font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; font-size: 16px; line-height: 1.5; word-wrap: break-word; } +.markdown-body details { + display: block; +} + +.markdown-body summary { + display: list-item; +} + +.markdown-body a { + background-color: initial; +} + +.markdown-body a:active, +.markdown-body a:hover { + outline-width: 0; +} + +.markdown-body strong { + font-weight: inherit; + font-weight: bolder; +} + +.markdown-body h1 { + font-size: 2em; + margin: .67em 0; +} + +.markdown-body img { + border-style: none; +} + +.markdown-body code, +.markdown-body kbd, +.markdown-body pre { + font-family: monospace,monospace; + font-size: 1em; +} + +.markdown-body hr { + box-sizing: initial; + height: 0; + overflow: visible; +} + +.markdown-body input { + font: inherit; + margin: 0; +} + +.markdown-body input { + overflow: visible; +} + +.markdown-body [type=checkbox] { + box-sizing: border-box; + padding: 0; +} + +.markdown-body * { + box-sizing: border-box; +} + +.markdown-body input { + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +.markdown-body a { + color: #0366d6; + text-decoration: none; +} + +.markdown-body a:hover { + text-decoration: underline; +} + +.markdown-body strong { + font-weight: 600; +} + +.markdown-body hr { + height: 0; + margin: 15px 0; + overflow: hidden; + background: transparent; + border: 0; + border-bottom: 1px solid #dfe2e5; +} + +.markdown-body hr:after, +.markdown-body hr:before { + display: table; + content: ""; +} + +.markdown-body hr:after { + clear: both; +} + +.markdown-body table { + border-spacing: 0; + border-collapse: collapse; +} + +.markdown-body td, +.markdown-body th { + padding: 0; +} + +.markdown-body details summary { + cursor: pointer; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + line-height: 10px; + color: #444d56; + vertical-align: middle; + background-color: #fafbfc; + border: 1px solid #d1d5da; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #d1d5da; +} + +.markdown-body h1, +.markdown-body h2, +.markdown-body h3, +.markdown-body h4, +.markdown-body h5, +.markdown-body h6 { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body h1 { + font-size: 32px; +} + +.markdown-body h1, +.markdown-body h2 { + font-weight: 600; +} + +.markdown-body h2 { + font-size: 24px; +} + +.markdown-body h3 { + font-size: 20px; +} + +.markdown-body h3, +.markdown-body h4 { + font-weight: 600; +} + +.markdown-body h4 { + font-size: 16px; +} + +.markdown-body h5 { + font-size: 14px; +} + +.markdown-body h5, +.markdown-body h6 { + font-weight: 600; +} + +.markdown-body h6 { + font-size: 12px; +} + +.markdown-body p { + margin-top: 0; + margin-bottom: 10px; +} + +.markdown-body blockquote { + margin: 0; +} + +.markdown-body ol, +.markdown-body ul { + padding-left: 0; + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body ol ol, +.markdown-body ul ol { + list-style-type: lower-roman; +} + +.markdown-body ol ol ol, +.markdown-body ol ul ol, +.markdown-body ul ol ol, +.markdown-body ul ul ol { + list-style-type: lower-alpha; +} + +.markdown-body dd { + margin-left: 0; +} + +.markdown-body code, +.markdown-body pre { + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + font-size: 12px; +} + +.markdown-body pre { + margin-top: 0; + margin-bottom: 0; +} + +.markdown-body input::-webkit-inner-spin-button, +.markdown-body input::-webkit-outer-spin-button { + margin: 0; + -webkit-appearance: none; + appearance: none; +} + +.markdown-body :checked+.radio-label { + position: relative; + z-index: 1; + border-color: #0366d6; +} + +.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-top: 8px!important; + margin-bottom: 8px!important; +} + +.markdown-body .pl-0 { + padding-left: 0!important; +} + +.markdown-body .py-0 { + padding-top: 0!important; + padding-bottom: 0!important; +} + +.markdown-body .pl-1 { + padding-left: 4px!important; +} + +.markdown-body .pl-2 { + padding-left: 8px!important; +} + +.markdown-body .py-2 { + padding-top: 8px!important; + padding-bottom: 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; +} + +.markdown-body .pl-5 { + padding-left: 32px!important; +} + +.markdown-body .pl-6 { + padding-left: 40px!important; +} + +.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 .pl-c { color: #6a737d; } @@ -107,13 +437,13 @@ } .markdown-body .pl-ii { - background-color: #b31d28; color: #fafbfc; + background-color: #b31d28; } .markdown-body .pl-c2 { - background-color: #d73a49; color: #fafbfc; + background-color: #d73a49; } .markdown-body .pl-c2:before { @@ -121,8 +451,8 @@ } .markdown-body .pl-sr .pl-cce { - color: #22863a; font-weight: 700; + color: #22863a; } .markdown-body .pl-ml { @@ -132,43 +462,43 @@ .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { - color: #005cc5; font-weight: 700; + color: #005cc5; } .markdown-body .pl-mi { - color: #24292e; font-style: italic; + color: #24292e; } .markdown-body .pl-mb { - color: #24292e; font-weight: 700; + color: #24292e; } .markdown-body .pl-md { - background-color: #ffeef0; color: #b31d28; + background-color: #ffeef0; } .markdown-body .pl-mi1 { - background-color: #f0fff4; color: #22863a; + background-color: #f0fff4; } .markdown-body .pl-mc { - background-color: #ffebda; color: #e36209; + background-color: #ffebda; } .markdown-body .pl-mi2 { - background-color: #005cc5; color: #f6f8fa; + background-color: #005cc5; } .markdown-body .pl-mdr { - color: #6f42c1; font-weight: 700; + color: #6f42c1; } .markdown-body .pl-ba { @@ -180,250 +510,8 @@ } .markdown-body .pl-corl { + text-decoration: underline; color: #032f62; - text-decoration: underline; -} - -.markdown-body details { - display: block; -} - -.markdown-body summary { - display: list-item; -} - -.markdown-body a { - background-color: transparent; -} - -.markdown-body a:active, -.markdown-body a:hover { - outline-width: 0; -} - -.markdown-body strong { - font-weight: inherit; - font-weight: bolder; -} - -.markdown-body h1 { - font-size: 2em; - margin: .67em 0; -} - -.markdown-body img { - border-style: none; -} - -.markdown-body code, -.markdown-body kbd, -.markdown-body pre { - font-family: monospace,monospace; - font-size: 1em; -} - -.markdown-body hr { - box-sizing: content-box; - height: 0; - overflow: visible; -} - -.markdown-body input { - font: inherit; - margin: 0; -} - -.markdown-body input { - overflow: visible; -} - -.markdown-body [type=checkbox] { - box-sizing: border-box; - padding: 0; -} - -.markdown-body * { - box-sizing: border-box; -} - -.markdown-body input { - font-family: inherit; - font-size: inherit; - line-height: inherit; -} - -.markdown-body a { - color: #0366d6; - text-decoration: none; -} - -.markdown-body a:hover { - text-decoration: underline; -} - -.markdown-body strong { - font-weight: 600; -} - -.markdown-body hr { - background: transparent; - border: 0; - border-bottom: 1px solid #dfe2e5; - height: 0; - margin: 15px 0; - overflow: hidden; -} - -.markdown-body hr:before { - content: ""; - display: table; -} - -.markdown-body hr:after { - clear: both; - content: ""; - display: table; -} - -.markdown-body table { - border-collapse: collapse; - border-spacing: 0; -} - -.markdown-body td, -.markdown-body th { - 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-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; -} - -.markdown-body h3 { - font-size: 20px; -} - -.markdown-body h3, -.markdown-body h4 { - font-weight: 600; -} - -.markdown-body h4 { - font-size: 16px; -} - -.markdown-body h5 { - font-size: 14px; -} - -.markdown-body h5, -.markdown-body h6 { - font-weight: 600; -} - -.markdown-body h6 { - font-size: 12px; -} - -.markdown-body p { - margin-bottom: 10px; - margin-top: 0; -} - -.markdown-body blockquote { - margin: 0; -} - -.markdown-body ol, -.markdown-body ul { - margin-bottom: 0; - margin-top: 0; - padding-left: 0; -} - -.markdown-body ol ol, -.markdown-body ul ol { - list-style-type: lower-roman; -} - -.markdown-body ol ol ol, -.markdown-body ol ul ol, -.markdown-body ul ol ol, -.markdown-body ul ul ol { - list-style-type: lower-alpha; -} - -.markdown-body dd { - margin-left: 0; -} - -.markdown-body code, -.markdown-body pre { - font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; - font-size: 12px; -} - -.markdown-body pre { - margin-bottom: 0; - margin-top: 0; -} - -.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 { @@ -432,6 +520,9 @@ .markdown-body .my-2 { margin-bottom: 8px!important; +} + +.markdown-body .my-2 { margin-top: 8px!important; } @@ -440,8 +531,8 @@ } .markdown-body .py-0 { - padding-bottom: 0!important; padding-top: 0!important; + padding-bottom: 0!important; } .markdown-body .pl-1 { @@ -453,19 +544,14 @@ } .markdown-body .py-2 { - padding-bottom: 8px!important; padding-top: 8px!important; + padding-bottom: 8px!important; } -.markdown-body .pl-3, -.markdown-body .px-3 { +.markdown-body .pl-3 { padding-left: 16px!important; } -.markdown-body .px-3 { - padding-right: 16px!important; -} - .markdown-body .pl-4 { padding-left: 24px!important; } @@ -478,27 +564,55 @@ padding-left: 40px!important; } -.markdown-body .f6 { - font-size: 12px!important; +.markdown-body .pl-7 { + padding-left: 48px!important; } -.markdown-body .lh-condensed { - line-height: 1.25!important; +.markdown-body .pl-8 { + padding-left: 64px!important; } -.markdown-body .text-bold { - font-weight: 600!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; +} + +.markdown-body hr { + border-bottom-color: #eee; +} + +.markdown-body kbd { + display: inline-block; + padding: 3px 5px; + font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + line-height: 10px; + color: #444d56; + vertical-align: middle; + background-color: #fafbfc; + border: 1px solid #d1d5da; + border-radius: 3px; + box-shadow: inset 0 -1px 0 #d1d5da; +} + +.markdown-body:after, .markdown-body:before { - content: ""; display: table; + content: ""; } .markdown-body:after { clear: both; - content: ""; - display: table; } .markdown-body>:first-child { @@ -515,28 +629,29 @@ } .markdown-body blockquote, +.markdown-body details, .markdown-body dl, .markdown-body ol, .markdown-body p, .markdown-body pre, .markdown-body table, .markdown-body ul { - margin-bottom: 16px; margin-top: 0; + margin-bottom: 16px; } .markdown-body hr { + height: .25em; + padding: 0; + margin: 24px 0; background-color: #e1e4e8; border: 0; - height: .25em; - margin: 24px 0; - padding: 0; } .markdown-body blockquote { - border-left: .25em solid #dfe2e5; - color: #6a737d; padding: 0 1em; + color: #6a737d; + border-left: .25em solid #dfe2e5; } .markdown-body blockquote>:first-child { @@ -547,30 +662,16 @@ margin-bottom: 0; } -.markdown-body kbd { - background-color: #fafbfc; - 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, .markdown-body h2, .markdown-body h3, .markdown-body h4, .markdown-body h5, .markdown-body h6 { + margin-top: 24px; + margin-bottom: 16px; font-weight: 600; line-height: 1.25; - margin-bottom: 16px; - margin-top: 24px; } .markdown-body h1 { @@ -579,8 +680,8 @@ .markdown-body h1, .markdown-body h2 { - border-bottom: 1px solid #eaecef; padding-bottom: .3em; + border-bottom: 1px solid #eaecef; } .markdown-body h2 { @@ -600,8 +701,8 @@ } .markdown-body h6 { - color: #6a737d; font-size: .85em; + color: #6a737d; } .markdown-body ol, @@ -613,8 +714,8 @@ .markdown-body ol ul, .markdown-body ul ol, .markdown-body ul ul { - margin-bottom: 0; margin-top: 0; + margin-bottom: 0; } .markdown-body li { @@ -634,22 +735,22 @@ } .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 { - margin-bottom: 16px; padding: 0 16px; + margin-bottom: 16px; } .markdown-body table { display: block; - overflow: auto; width: 100%; + overflow: auto; } .markdown-body table th { @@ -658,8 +759,8 @@ .markdown-body table td, .markdown-body table th { - border: 1px solid #dfe2e5; padding: 6px 13px; + border: 1px solid #dfe2e5; } .markdown-body table tr { @@ -672,9 +773,9 @@ } .markdown-body img { - background-color: #fff; - box-sizing: content-box; max-width: 100%; + box-sizing: initial; + background-color: #fff; } .markdown-body img[align=right] { @@ -686,11 +787,11 @@ } .markdown-body code { + padding: .2em .4em; + margin: 0; + font-size: 85%; background-color: rgba(27,31,35,.05); border-radius: 3px; - font-size: 85%; - margin: 0; - padding: .2em .4em; } .markdown-body pre { @@ -698,13 +799,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 { @@ -718,36 +819,39 @@ .markdown-body .highlight pre, .markdown-body pre { - background-color: #f6f8fa; - border-radius: 3px; + padding: 16px; + overflow: auto; font-size: 85%; line-height: 1.45; - overflow: auto; - padding: 16px; + background-color: #f6f8fa; + border-radius: 3px; } .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; + overflow: visible; + line-height: inherit; word-wrap: normal; + background-color: initial; + border: 0; } .markdown-body .commit-tease-sha { - color: #444d56; display: inline-block; - font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 90%; + color: #444d56; +} + +.markdown-body .full-commit .btn-outline:not(:disabled):hover { + color: #005cc5; + border-color: #005cc5; } .markdown-body .blob-wrapper { - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; overflow-x: auto; overflow-y: hidden; } @@ -758,22 +862,22 @@ } .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; + width: 1%; + min-width: 50px; + padding-right: 10px; + padding-left: 10px; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; font-size: 12px; line-height: 20px; - min-width: 50px; - padding-left: 10px; - padding-right: 10px; + color: rgba(27,31,35,.3); text-align: right; - user-select: none; - vertical-align: top; white-space: nowrap; - width: 1%; + vertical-align: top; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; } .markdown-body .blob-num:hover { @@ -785,46 +889,26 @@ } .markdown-body .blob-code { - line-height: 20px; - padding-left: 10px; - padding-right: 10px; position: relative; + padding-right: 10px; + padding-left: 10px; + line-height: 20px; 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; - white-space: pre; + font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + font-size: 12px; + color: #24292e; word-wrap: normal; + white-space: pre; } .markdown-body .pl-token.active, .markdown-body .pl-token:hover { - background: #ffea7f; cursor: pointer; -} - -.markdown-body kbd { - background-color: #fafbfc; - 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; + background: #ffea7f; } .markdown-body .tab-size[data-tab-size="1"] { @@ -899,59 +983,3 @@ 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/license b/license index e7af2f7..fa7ceba 100644 --- a/license +++ b/license @@ -1,6 +1,6 @@ MIT License -Copyright (c) Sindre Sorhus (sindresorhus.com) +Copyright (c) Sindre Sorhus (https://sindresorhus.com) Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: diff --git a/package.json b/package.json index e666dd6..80b6604 100644 --- a/package.json +++ b/package.json @@ -4,15 +4,13 @@ "description": "The minimal amount of CSS to replicate the GitHub Markdown style", "license": "MIT", "repository": "sindresorhus/github-markdown-css", + "funding": "https://github.com/sponsors/sindresorhus", "author": { "name": "Sindre Sorhus", "email": "sindresorhus@gmail.com", - "url": "sindresorhus.com" + "url": "https://sindresorhus.com" }, "main": "github-markdown.css", - "engines": { - "node": ">=0.10.0" - }, "scripts": { "make": "github-markdown-css > github-markdown.css" }, @@ -29,6 +27,6 @@ "stylesheet" ], "devDependencies": { - "generate-github-markdown-css": "^3.0.2" + "generate-github-markdown-css": "^4.0.0" } } diff --git a/readme.md b/readme.md index a289872..bc73f37 100644 --- a/readme.md +++ b/readme.md @@ -4,8 +4,7 @@ [](http://sindresorhus.com/github-markdown-css) -## [Demo](http://sindresorhus.com/github-markdown-css) - +## [Demo](https://sindresorhus.com/github-markdown-css) ## Install @@ -15,7 +14,6 @@ Download [manually](https://raw.githubusercontent.com/sindresorhus/github-markdo $ npm install github-markdown-css ``` - ## Usage Import the `github-markdown.css` file and add a `markdown-body` class to the container of your rendered Markdown and set a width for it. GitHub uses `980px` width and `45px` padding, and `15px` padding for mobile. @@ -46,17 +44,10 @@ Import the `github-markdown.css` file and add a `markdown-body` class to the con If you want code syntax highlighted, use GitHub Flavored Markdown rendered from [GitHub's `/markdown` API](https://developer.github.com/v3/markdown/). - ## How See [`generate-github-markdown-css`](https://github.com/sindresorhus/generate-github-markdown-css) for how it's generated and ability to generate your own. - ## Dev Run `npm run make` to update the CSS. - - -## License - -MIT © [Sindre Sorhus](https://sindresorhus.com)