diff --git a/assets/css/codemirror/all.css b/assets/css/codemirror/all.css index 5d8ada3cf..97281f97a 100644 --- a/assets/css/codemirror/all.css +++ b/assets/css/codemirror/all.css @@ -19,7 +19,7 @@ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { - background-color: transparent; /* The little square between H and V scrollbars */ + background-color: white; /* The little square between H and V scrollbars */ } /* GUTTER */ @@ -68,7 +68,6 @@ } .cm-animate-fat-cursor { width: auto; - border: 0; -webkit-animation: blink 1.06s steps(1) infinite; -moz-animation: blink 1.06s steps(1) infinite; animation: blink 1.06s steps(1) infinite; @@ -421,6 +420,14 @@ span.CodeMirror-selectedtext { background: none; } width: 100%; height: 100%; } +.CodeMirror-lint-line-error { + background-color: rgba(183, 76, 81, 0.08); +} + +.CodeMirror-lint-line-warning { + background-color: rgba(255, 211, 0, 0.1); +} + /* MDN-LIKE Theme - Mozilla Ported to CodeMirror by Peter Kroon diff --git a/assets/css/github-markdown-css/github-markdown.css b/assets/css/github-markdown-css/github-markdown.css index 7c6cd788e..2e2783cbb 100644 --- a/assets/css/github-markdown-css/github-markdown.css +++ b/assets/css/github-markdown-css/github-markdown.css @@ -1,49 +1,21 @@ +.markdown-body { + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100%; + margin: 0; + color: #24292f; + background-color: #ffffff; + 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 .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 h1:hover .anchor .octicon-link:before, .markdown-body h2:hover .anchor .octicon-link:before, .markdown-body h3:hover .anchor .octicon-link:before, @@ -54,19 +26,14 @@ 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%; - line-height: 1.5; - 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; + background-color: currentColor; + -webkit-mask-image: url("data:image/svg+xml,"); + mask-image: url("data:image/svg+xml,"); } -.markdown-body details { +.markdown-body details, +.markdown-body figcaption, +.markdown-body figure { display: block; } @@ -75,7 +42,9 @@ } .markdown-body a { - background-color: initial; + background-color: transparent; + color: #0969da; + text-decoration: none; } .markdown-body a:active, @@ -83,92 +52,157 @@ outline-width: 0; } +.markdown-body abbr[title] { + border-bottom: none; + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} + +.markdown-body b, .markdown-body strong { - font-weight: inherit; - font-weight: bolder; + font-weight: 600; +} + +.markdown-body dfn { + font-style: italic; } .markdown-body h1 { - font-size: 2em; margin: .67em 0; + font-weight: 600; + padding-bottom: .3em; + font-size: 2em; + border-bottom: 1px solid hsla(210,18%,87%,1); +} + +.markdown-body mark { + background-color: #ff0; + color: #24292f; +} + +.markdown-body small { + font-size: 90%; +} + +.markdown-body sub, +.markdown-body sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +.markdown-body sub { + bottom: -0.25em; +} + +.markdown-body sup { + top: -0.5em; } .markdown-body img { border-style: none; + max-width: 100%; + box-sizing: content-box; + background-color: #ffffff; } .markdown-body code, .markdown-body kbd, -.markdown-body pre { +.markdown-body pre, +.markdown-body samp { font-family: monospace,monospace; font-size: 1em; } +.markdown-body figure { + margin: 1em 40px; +} + .markdown-body hr { - box-sizing: initial; - height: 0; - overflow: visible; + box-sizing: content-box; + overflow: hidden; + background: transparent; + border-bottom: 1px solid hsla(210,18%,87%,1); + height: .25em; + padding: 0; + margin: 24px 0; + background-color: #d0d7de; + border: 0; } -.markdown-body input { - font: inherit; - margin: 0; +.markdown-body html [type=button], +.markdown-body [type=reset], +.markdown-body [type=submit] { + -webkit-appearance: button; } -.markdown-body input { - overflow: visible; +.markdown-body [type=button]::-moz-focus-inner, +.markdown-body [type=reset]::-moz-focus-inner, +.markdown-body [type=submit]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +.markdown-body [type=button]:-moz-focusring, +.markdown-body [type=reset]:-moz-focusring, +.markdown-body [type=submit]:-moz-focusring { + outline: 1px dotted ButtonText; } -.markdown-body [type=checkbox] { +.markdown-body [type=checkbox], +.markdown-body [type=radio] { box-sizing: border-box; padding: 0; } -.markdown-body * { - box-sizing: border-box; +.markdown-body [type=number]::-webkit-inner-spin-button, +.markdown-body [type=number]::-webkit-outer-spin-button { + height: auto; } -.markdown-body input { - font-family: inherit; - font-size: inherit; - line-height: inherit; +.markdown-body [type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; } -.markdown-body a { - color: #0366d6; - text-decoration: none; +.markdown-body [type=search]::-webkit-search-cancel-button, +.markdown-body [type=search]::-webkit-search-decoration { + -webkit-appearance: none; } -.markdown-body a:hover { - text-decoration: underline; +.markdown-body ::-webkit-input-placeholder { + color: inherit; + opacity: .54; } -.markdown-body strong { - font-weight: 600; +.markdown-body ::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; } -.markdown-body hr { - height: 0; - margin: 15px 0; - overflow: hidden; - background: transparent; - border: 0; - border-bottom: 1px solid #dfe2e5; +.markdown-body a:hover { + text-decoration: underline; } -.markdown-body hr:after, -.markdown-body hr:before { +.markdown-body hr::before { display: table; content: ""; } -.markdown-body hr:after { +.markdown-body hr::after { + display: table; clear: both; + content: ""; } .markdown-body table { border-spacing: 0; border-collapse: collapse; + display: block; + width: max-content; + max-width: 100%; + overflow: auto; } .markdown-body td, @@ -180,17 +214,22 @@ cursor: pointer; } +.markdown-body details:not([open])>*:not(summary) { + display: none !important; +} + .markdown-body kbd { display: inline-block; padding: 3px 5px; - font: 11px SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; + font: 11px ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; line-height: 10px; - color: #444d56; + color: #24292f; vertical-align: middle; - background-color: #fafbfc; - border: 1px solid #d1d5da; - border-radius: 3px; - box-shadow: inset 0 -1px 0 #d1d5da; + background-color: #f6f8fa; + border: solid 1px rgba(175,184,193,0.2); + border-bottom-color: rgba(175,184,193,0.2); + border-radius: 6px; + box-shadow: inset 0 -1px 0 rgba(175,184,193,0.2); } .markdown-body h1, @@ -199,47 +238,38 @@ .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 { + margin-top: 24px; + margin-bottom: 16px; font-weight: 600; + line-height: 1.25; } .markdown-body h2 { - font-size: 24px; + font-weight: 600; + padding-bottom: .3em; + font-size: 1.5em; + border-bottom: 1px solid hsla(210,18%,87%,1); } .markdown-body h3 { - font-size: 20px; -} - -.markdown-body h3, -.markdown-body h4 { font-weight: 600; + font-size: 1.25em; } .markdown-body h4 { - font-size: 16px; + font-weight: 600; + font-size: 1em; } .markdown-body h5 { - font-size: 14px; -} - -.markdown-body h5, -.markdown-body h6 { font-weight: 600; + font-size: .875em; } .markdown-body h6 { - font-size: 12px; + font-weight: 600; + font-size: .85em; + color: #57606a; } .markdown-body p { @@ -249,13 +279,16 @@ .markdown-body blockquote { margin: 0; + padding: 0 1em; + color: #57606a; + border-left: .25em solid #d0d7de; } -.markdown-body ol, -.markdown-body ul { - padding-left: 0; +.markdown-body ul, +.markdown-body ol { margin-top: 0; margin-bottom: 0; + padding-left: 2em; } .markdown-body ol ol, @@ -263,10 +296,10 @@ list-style-type: lower-roman; } -.markdown-body ol ol ol, -.markdown-body ol ul ol, +.markdown-body ul ul ol, .markdown-body ul ol ol, -.markdown-body ul ul ol { +.markdown-body ol ul ol, +.markdown-body ol ol ol { list-style-type: lower-alpha; } @@ -274,353 +307,190 @@ margin-left: 0; } -.markdown-body code, -.markdown-body pre { - font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; +.markdown-body tt, +.markdown-body code { + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; font-size: 12px; } .markdown-body pre { margin-top: 0; margin-bottom: 0; + font-family: ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace; + font-size: 12px; + word-wrap: normal; } -.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 :-ms-input-placeholder { + color: #6e7781; + opacity: 1; } -.markdown-body .lh-condensed { - line-height: 1.25!important; +.markdown-body ::-ms-input-placeholder { + color: #6e7781; + opacity: 1; } -.markdown-body .text-bold { - font-weight: 600!important; +.markdown-body ::placeholder { + color: #6e7781; + opacity: 1; } .markdown-body .pl-c { - color: #6a737d; + color: #6e7781; } .markdown-body .pl-c1, .markdown-body .pl-s .pl-v { - color: #005cc5; + color: #0550ae; } .markdown-body .pl-e, .markdown-body .pl-en { - color: #6f42c1; + color: #8250df; } -.markdown-body .pl-s .pl-s1, -.markdown-body .pl-smi { - color: #24292e; +.markdown-body .pl-smi, +.markdown-body .pl-s .pl-s1 { + color: #24292f; } .markdown-body .pl-ent { - color: #22863a; + color: #116329; } .markdown-body .pl-k { - color: #d73a49; + color: #cf222e; } -.markdown-body .pl-pds, .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-sra, -.markdown-body .pl-sr .pl-sre { - color: #032f62; +.markdown-body .pl-sr .pl-sre, +.markdown-body .pl-sr .pl-sra { + color: #0a3069; } -.markdown-body .pl-smw, -.markdown-body .pl-v { - color: #e36209; +.markdown-body .pl-v, +.markdown-body .pl-smw { + color: #953800; } .markdown-body .pl-bu { - color: #b31d28; + color: #82071e; } .markdown-body .pl-ii { - color: #fafbfc; - background-color: #b31d28; + color: #f6f8fa; + background-color: #82071e; } .markdown-body .pl-c2 { - color: #fafbfc; - background-color: #d73a49; -} - -.markdown-body .pl-c2:before { - content: "^M"; + color: #f6f8fa; + background-color: #cf222e; } .markdown-body .pl-sr .pl-cce { - font-weight: 700; - color: #22863a; + font-weight: bold; + color: #116329; } .markdown-body .pl-ml { - color: #735c0f; + color: #3b2300; } .markdown-body .pl-mh, .markdown-body .pl-mh .pl-en, .markdown-body .pl-ms { - font-weight: 700; - color: #005cc5; + font-weight: bold; + color: #0550ae; } .markdown-body .pl-mi { font-style: italic; - color: #24292e; + color: #24292f; } .markdown-body .pl-mb { - font-weight: 700; - color: #24292e; + font-weight: bold; + color: #24292f; } .markdown-body .pl-md { - color: #b31d28; - background-color: #ffeef0; + color: #82071e; + background-color: #FFEBE9; } .markdown-body .pl-mi1 { - color: #22863a; - background-color: #f0fff4; + color: #116329; + background-color: #dafbe1; } .markdown-body .pl-mc { - color: #e36209; - background-color: #ffebda; + color: #953800; + background-color: #ffd8b5; } .markdown-body .pl-mi2 { - color: #f6f8fa; - background-color: #005cc5; + color: #eaeef2; + background-color: #0550ae; } .markdown-body .pl-mdr { - font-weight: 700; - color: #6f42c1; + font-weight: bold; + color: #8250df; } .markdown-body .pl-ba { - color: #586069; + color: #57606a; } .markdown-body .pl-sg { - color: #959da5; + color: #8c959f; } .markdown-body .pl-corl { text-decoration: underline; - color: #032f62; -} - -.markdown-body .mb-0 { - margin-bottom: 0!important; -} - -.markdown-body .my-2 { - margin-bottom: 8px!important; -} - -.markdown-body .my-2 { - margin-top: 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 { - 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; + color: #0a3069; } -.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; +.markdown-body [data-catalyst] { + display: block; } -.markdown-body hr { - border-bottom-color: #eee; +.markdown-body g-emoji { + font-family: "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; + font-size: 1em; + font-style: normal !important; + font-weight: 400; + line-height: 1; + vertical-align: -0.075em; } -.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 g-emoji img { + width: 1em; + height: 1em; } -.markdown-body:after, -.markdown-body:before { +.markdown-body::before { display: table; content: ""; } -.markdown-body:after { +.markdown-body::after { + display: table; clear: both; + content: ""; } -.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]) { @@ -628,32 +498,33 @@ text-decoration: none; } +.markdown-body .absent { + color: #cf222e; +} + +.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 details, -.markdown-body dl, +.markdown-body ul, .markdown-body ol, -.markdown-body p, -.markdown-body pre, +.markdown-body dl, .markdown-body table, -.markdown-body ul { +.markdown-body pre, +.markdown-body details { margin-top: 0; margin-bottom: 16px; } -.markdown-body hr { - height: .25em; - padding: 0; - margin: 24px 0; - background-color: #e1e4e8; - border: 0; -} - -.markdown-body blockquote { - padding: 0 1em; - color: #6a737d; - border-left: .25em solid #dfe2e5; -} - .markdown-body blockquote>:first-child { margin-top: 0; } @@ -662,66 +533,89 @@ margin-bottom: 0; } -.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; +.markdown-body sup>a::before { + content: "["; } -.markdown-body h1 { - font-size: 2em; +.markdown-body sup>a::after { + content: "]"; } -.markdown-body h1, -.markdown-body h2 { - padding-bottom: .3em; - border-bottom: 1px solid #eaecef; +.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: #24292f; + vertical-align: middle; + visibility: hidden; } -.markdown-body h2 { - font-size: 1.5em; +.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 h3 { - font-size: 1.25em; +.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 h4 { - font-size: 1em; +.markdown-body h1 tt, +.markdown-body h1 code, +.markdown-body h2 tt, +.markdown-body h2 code, +.markdown-body h3 tt, +.markdown-body h3 code, +.markdown-body h4 tt, +.markdown-body h4 code, +.markdown-body h5 tt, +.markdown-body h5 code, +.markdown-body h6 tt, +.markdown-body h6 code { + padding: 0 .2em; + font-size: inherit; } -.markdown-body h5 { - font-size: .875em; +.markdown-body ul.no-list, +.markdown-body ol.no-list { + padding: 0; + list-style-type: none; } -.markdown-body h6 { - font-size: .85em; - color: #6a737d; +.markdown-body ol[type="1"] { + list-style-type: decimal; } -.markdown-body ol, -.markdown-body ul { - padding-left: 2em; +.markdown-body ol[type=a] { + list-style-type: lower-alpha; } -.markdown-body ol ol, -.markdown-body ol ul, +.markdown-body ol[type=i] { + list-style-type: lower-roman; +} + +.markdown-body div>ol:not([type]) { + list-style-type: decimal; +} + +.markdown-body ul ul, .markdown-body ul ol, -.markdown-body ul ul { +.markdown-body ol ol, +.markdown-body ol ul { margin-top: 0; margin-bottom: 0; } -.markdown-body li { - word-wrap: break-all; -} - .markdown-body li>p { margin-top: 16px; } @@ -747,35 +641,27 @@ margin-bottom: 16px; } -.markdown-body table { - display: block; - width: 100%; - overflow: auto; -} - .markdown-body table th { font-weight: 600; } -.markdown-body table td, -.markdown-body table th { +.markdown-body table th, +.markdown-body table td { padding: 6px 13px; - border: 1px solid #dfe2e5; + border: 1px solid #d0d7de; } .markdown-body table tr { - background-color: #fff; - border-top: 1px solid #c6cbd1; + background-color: #ffffff; + border-top: 1px solid hsla(210,18%,87%,1); } .markdown-body table tr:nth-child(2n) { background-color: #f6f8fa; } -.markdown-body img { - max-width: 100%; - box-sizing: initial; - background-color: #fff; +.markdown-body table img { + background-color: transparent; } .markdown-body img[align=right] { @@ -786,22 +672,125 @@ padding-right: 20px; } -.markdown-body code { +.markdown-body .emoji { + max-width: none; + vertical-align: text-top; + background-color: transparent; +} + +.markdown-body span.frame { + display: block; + overflow: hidden; +} + +.markdown-body span.frame>span { + display: block; + float: left; + width: auto; + padding: 7px; + margin: 13px 0 0; + overflow: hidden; + border: 1px solid #d0d7de; +} + +.markdown-body span.frame span img { + display: block; + float: left; +} + +.markdown-body span.frame span span { + display: block; + padding: 5px 0 0; + clear: both; + color: #24292f; +} + +.markdown-body span.align-center { + display: block; + overflow: hidden; + clear: both; +} + +.markdown-body span.align-center>span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: center; +} + +.markdown-body span.align-center span img { + margin: 0 auto; + text-align: center; +} + +.markdown-body span.align-right { + display: block; + overflow: hidden; + clear: both; +} + +.markdown-body span.align-right>span { + display: block; + margin: 13px 0 0; + overflow: hidden; + text-align: right; +} + +.markdown-body span.align-right span img { + margin: 0; + text-align: right; +} + +.markdown-body span.float-left { + display: block; + float: left; + margin-right: 13px; + overflow: hidden; +} + +.markdown-body span.float-left span { + margin: 13px 0 0; +} + +.markdown-body span.float-right { + display: block; + float: right; + margin-left: 13px; + overflow: hidden; +} + +.markdown-body span.float-right>span { + display: block; + margin: 13px auto 0; + overflow: hidden; + text-align: right; +} + +.markdown-body code, +.markdown-body tt { padding: .2em .4em; margin: 0; font-size: 85%; - background-color: rgba(27,31,35,.05); - border-radius: 3px; + background-color: rgba(175,184,193,0.2); + border-radius: 6px; } -.markdown-body pre { - word-wrap: normal; +.markdown-body code br, +.markdown-body tt br { + display: none; +} + +.markdown-body del code { + text-decoration: inherit; +} + +.markdown-body pre code { + font-size: 100%; } .markdown-body pre>code { padding: 0; margin: 0; - font-size: 100%; word-break: normal; white-space: pre; background: transparent; @@ -824,10 +813,11 @@ font-size: 85%; line-height: 1.45; background-color: #f6f8fa; - border-radius: 3px; + border-radius: 6px; } -.markdown-body pre code { +.markdown-body pre code, +.markdown-body pre tt { display: inline; max-width: auto; padding: 0; @@ -835,151 +825,75 @@ overflow: visible; line-height: inherit; word-wrap: normal; - background-color: initial; + background-color: transparent; border: 0; } -.markdown-body .commit-tease-sha { - display: inline-block; - 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 { - overflow-x: auto; - overflow-y: hidden; -} - -.markdown-body .blob-wrapper-embedded { - max-height: 240px; - overflow-y: auto; -} - -.markdown-body .blob-num { - width: 1%; - min-width: 50px; - padding-right: 10px; - padding-left: 10px; - font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; +.markdown-body .csv-data td, +.markdown-body .csv-data th { + padding: 5px; + overflow: hidden; font-size: 12px; - line-height: 20px; - color: rgba(27,31,35,.3); - text-align: right; + line-height: 1; + text-align: left; white-space: nowrap; - 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 { - color: rgba(27,31,35,.6); +.markdown-body .csv-data .blob-num { + padding: 10px 8px 9px; + text-align: right; + background: #ffffff; + border: 0; } -.markdown-body .blob-num:before { - content: attr(data-line-number); +.markdown-body .csv-data tr { + border-top: 0; } -.markdown-body .blob-code { - position: relative; - padding-right: 10px; - padding-left: 10px; - line-height: 20px; - vertical-align: top; +.markdown-body .csv-data th { + font-weight: 600; + background: #f6f8fa; + border-top: 0; } -.markdown-body .blob-code-inner { - overflow: visible; - font-family: SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace; +.markdown-body .footnotes { font-size: 12px; - color: #24292e; - word-wrap: normal; - white-space: pre; -} - -.markdown-body .pl-token.active, -.markdown-body .pl-token:hover { - cursor: pointer; - background: #ffea7f; -} - -.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; + color: #57606a; + border-top: 1px solid #d0d7de; } -.markdown-body .tab-size[data-tab-size="4"] { - -moz-tab-size: 4; - tab-size: 4; +.markdown-body .footnotes ol { + padding-left: 16px; } -.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 .footnotes li { + position: relative; } -.markdown-body .tab-size[data-tab-size="11"] { - -moz-tab-size: 11; - tab-size: 11; +.markdown-body .footnotes li:target::before { + position: absolute; + top: -8px; + right: -8px; + bottom: -8px; + left: -24px; + pointer-events: none; + content: ""; + border: 2px solid #0969da; + border-radius: 6px; } -.markdown-body .tab-size[data-tab-size="12"] { - -moz-tab-size: 12; - tab-size: 12; +.markdown-body .footnotes li:target { + color: #24292f; } -.markdown-body .task-list-item { - list-style-type: none; +.markdown-body .footnotes .data-footnote-backref g-emoji { + font-family: monospace; } -.markdown-body .task-list-item+.task-list-item { - margin-top: 3px; +.markdown-body [hidden] { + display: none !important; } -.markdown-body .task-list-item input { - margin: 0 .2em .25em -1.6em; - vertical-align: middle; +.markdown-body ::-webkit-calendar-picker-indicator { + filter: invert(50%); } diff --git a/assets/css/highlight.js/github.css b/assets/css/highlight.js/github.css index 7024045d4..275239a7a 100644 --- a/assets/css/highlight.js/github.css +++ b/assets/css/highlight.js/github.css @@ -1,4 +1,4 @@ -/*! +pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*! Theme: GitHub Description: Light theme as seen on github.com Author: github.com @@ -7,119 +7,4 @@ Outdated base version: https://github.com/primer/github-syntax-light Current colors taken from GitHub's CSS -*/ - -.hljs { - color: #24292e; - background: #ffffff; -} - -.hljs-doctag, -.hljs-keyword, -.hljs-meta .hljs-keyword, -.hljs-template-tag, -.hljs-template-variable, -.hljs-type, -.hljs-variable.language_ { - /* prettylights-syntax-keyword */ - color: #d73a49; -} - -.hljs-title, -.hljs-title.class_, -.hljs-title.class_.inherited__, -.hljs-title.function_ { - /* prettylights-syntax-entity */ - color: #6f42c1; -} - -.hljs-attr, -.hljs-attribute, -.hljs-literal, -.hljs-meta, -.hljs-number, -.hljs-operator, -.hljs-variable, -.hljs-selector-attr, -.hljs-selector-class, -.hljs-selector-id { - /* prettylights-syntax-constant */ - color: #005cc5; -} - -.hljs-regexp, -.hljs-string, -.hljs-meta .hljs-string { - /* prettylights-syntax-string */ - color: #032f62; -} - -.hljs-built_in, -.hljs-symbol { - /* prettylights-syntax-variable */ - color: #e36209; -} - -.hljs-comment, -.hljs-code, -.hljs-formula { - /* prettylights-syntax-comment */ - color: #6a737d; -} - -.hljs-name, -.hljs-quote, -.hljs-selector-tag, -.hljs-selector-pseudo { - /* prettylights-syntax-entity-tag */ - color: #22863a; -} - -.hljs-subst { - /* prettylights-syntax-storage-modifier-import */ - color: #24292e; -} - -.hljs-section { - /* prettylights-syntax-markup-heading */ - color: #005cc5; - font-weight: bold; -} - -.hljs-bullet { - /* prettylights-syntax-markup-list */ - color: #735c0f; -} - -.hljs-emphasis { - /* prettylights-syntax-markup-italic */ - color: #24292e; - font-style: italic; -} - -.hljs-strong { - /* prettylights-syntax-markup-bold */ - color: #24292e; - font-weight: bold; -} - -.hljs-addition { - /* prettylights-syntax-markup-inserted */ - color: #22863a; - background-color: #f0fff4; -} - -.hljs-deletion { - /* prettylights-syntax-markup-deleted */ - color: #b31d28; - background-color: #ffeef0; -} - -.hljs-char.escape_, -.hljs-link, -.hljs-params, -.hljs-property, -.hljs-punctuation, -.hljs-tag { - /* purposely ignored */ -} +*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-variable{color:#005cc5}.hljs-meta .hljs-string,.hljs-regexp,.hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-code,.hljs-comment,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-pseudo,.hljs-selector-tag{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0} \ No newline at end of file diff --git a/src/theme/definition.json b/src/theme/definition.json index 41a31aef6..202059e90 100644 --- a/src/theme/definition.json +++ b/src/theme/definition.json @@ -1262,6 +1262,20 @@ "default": "var(--gv-theme-font-size-s, 12px)", "value": "" }, + { + "name": "--gv-state--fw", + "description": "Font weight", + "type": "string", + "default": "bold", + "value": "bold" + }, + { + "name": "--gv-state--tt", + "description": "Text transform", + "type": "string", + "default": "uppercase", + "value": "uppercase" + }, { "name": "--gv-state--p", "description": "Padding", diff --git a/tasks/generate-theme.js b/tasks/generate-theme.js index dad1af739..53934f3b1 100644 --- a/tasks/generate-theme.js +++ b/tasks/generate-theme.js @@ -36,7 +36,7 @@ const formatCssProperty = (cssProperty) => { async function run() { await del(['assets/css/github-markdown-css', 'assets/css/highlight.js', 'assets/css/codemirror']); - fs.copy('node_modules/github-markdown-css/github-markdown.css', 'assets/css/github-markdown-css/github-markdown.css'); + fs.copy('node_modules/github-markdown-css/github-markdown-light.css', 'assets/css/github-markdown-css/github-markdown.css'); fs.copy('node_modules/highlight.js/styles/github.css', 'assets/css/highlight.js/github.css'); fs.mkdir('assets/css/codemirror');