From b2851e4621393d8e0e74873c9d2c9db6d132e9bf Mon Sep 17 00:00:00 2001 From: Nico Burns Date: Thu, 14 Nov 2024 13:26:00 +1300 Subject: [PATCH] Update github-markdown-light.css --- .../assets/blitz-markdown-overrides.css | 4 + apps/readme/assets/github-markdown-light.css | 115 +++++++++--------- 2 files changed, 59 insertions(+), 60 deletions(-) diff --git a/apps/readme/assets/blitz-markdown-overrides.css b/apps/readme/assets/blitz-markdown-overrides.css index e2314d6a..4f482cad 100644 --- a/apps/readme/assets/blitz-markdown-overrides.css +++ b/apps/readme/assets/blitz-markdown-overrides.css @@ -2,4 +2,8 @@ max-width: 892px; padding: 32px; margin: 0 auto; +} + +.markdown-body table { + display: table; } \ No newline at end of file diff --git a/apps/readme/assets/github-markdown-light.css b/apps/readme/assets/github-markdown-light.css index f4d0d527..379fbbb8 100644 --- a/apps/readme/assets/github-markdown-light.css +++ b/apps/readme/assets/github-markdown-light.css @@ -1,6 +1,6 @@ -/*light*/ - +/* light */ .markdown-body { + color-scheme: light; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; margin: 0; @@ -10,7 +10,7 @@ font-size: 16px; line-height: 1.5; word-wrap: break-word; - scroll-behavior: auto; + scroll-behavior: auto !important; } .markdown-body .octicon { @@ -74,7 +74,7 @@ font-weight: 600; padding-bottom: .3em; font-size: 2em; - border-bottom: 1px solid #d0d7deb3; + border-bottom: 1px solid #d1d9e0b3; } .markdown-body mark { @@ -106,7 +106,6 @@ border-style: none; max-width: 100%; box-sizing: content-box; - background-color: #ffffff; } .markdown-body code, @@ -118,18 +117,18 @@ } .markdown-body figure { - margin: 1em 40px; + margin: 1em 2.5rem; } .markdown-body hr { box-sizing: content-box; overflow: hidden; background: transparent; - border-bottom: 1px solid #d0d7deb3; + border-bottom: 1px solid #d1d9e0b3; height: .25em; padding: 0; - margin: 24px 0; - background-color: #d0d7de; + margin: 1.5rem 0; + background-color: #d1d9e0; border: 0; } @@ -182,7 +181,7 @@ } .markdown-body ::placeholder { - color: #636c76; + color: #59636e; opacity: 1; } @@ -200,7 +199,7 @@ .markdown-body table { border-spacing: 0; border-collapse: collapse; -/* display: block;*/ + display: block; width: max-content; max-width: 100%; overflow: auto; @@ -215,10 +214,6 @@ cursor: pointer; } -.markdown-body details:not([open])>*:not(summary) { - display: none; -} - .markdown-body a:focus, .markdown-body [role=button]:focus, .markdown-body input[type=radio]:focus, @@ -255,16 +250,16 @@ .markdown-body kbd { display: inline-block; - padding: 3px 5px; + padding: 0.25rem; font: 11px ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace; line-height: 10px; color: #1f2328; vertical-align: middle; background-color: #f6f8fa; - border: solid 1px #afb8c133; - border-bottom-color: #afb8c133; + border: solid 1px #d1d9e0b3; + border-bottom-color: #d1d9e0b3; border-radius: 6px; - box-shadow: inset 0 -1px 0 #afb8c133; + box-shadow: inset 0 -1px 0 #d1d9e0b3; } .markdown-body h1, @@ -273,8 +268,8 @@ .markdown-body h4, .markdown-body h5, .markdown-body h6 { - margin-top: 24px; - margin-bottom: 16px; + margin-top: 1.5rem; + margin-bottom: 1rem; font-weight: 600; line-height: 1.25; } @@ -283,7 +278,7 @@ font-weight: 600; padding-bottom: .3em; font-size: 1.5em; - border-bottom: 1px solid #d0d7deb3; + border-bottom: 1px solid #d1d9e0b3; } .markdown-body h3 { @@ -304,7 +299,7 @@ .markdown-body h6 { font-weight: 600; font-size: .85em; - color: #636c76; + color: #59636e; } .markdown-body p { @@ -315,8 +310,8 @@ .markdown-body blockquote { margin: 0; padding: 0 1em; - color: #636c76; - border-left: .25em solid #d0d7de; + color: #59636e; + border-left: .25em solid #d1d9e0; } .markdown-body ul, @@ -405,7 +400,7 @@ .markdown-body .anchor { float: left; - padding-right: 4px; + padding-right: 0.25rem; margin-left: -20px; line-height: 1; } @@ -423,7 +418,7 @@ .markdown-body pre, .markdown-body details { margin-top: 0; - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body blockquote>:first-child { @@ -542,7 +537,7 @@ } .markdown-body li>p { - margin-top: 16px; + margin-top: 1rem; } .markdown-body li+li { @@ -555,15 +550,15 @@ .markdown-body dl dt { padding: 0; - margin-top: 16px; + margin-top: 1rem; font-size: 1em; font-style: italic; font-weight: 600; } .markdown-body dl dd { - padding: 0 16px; - margin-bottom: 16px; + padding: 0 1rem; + margin-bottom: 1rem; } .markdown-body table th { @@ -573,7 +568,7 @@ .markdown-body table th, .markdown-body table td { padding: 6px 13px; - border: 1px solid #d0d7de; + border: 1px solid #d1d9e0; } .markdown-body table td>:last-child { @@ -582,7 +577,7 @@ .markdown-body table tr { background-color: #ffffff; - border-top: 1px solid #d0d7deb3; + border-top: 1px solid #d1d9e0b3; } .markdown-body table tr:nth-child(2n) { @@ -619,7 +614,7 @@ padding: 7px; margin: 13px 0 0; overflow: hidden; - border: 1px solid #d0d7de; + border: 1px solid #d1d9e0; } .markdown-body span.frame span img { @@ -701,7 +696,7 @@ margin: 0; font-size: 85%; white-space: break-spaces; - background-color: #afb8c133; + background-color: #818b981f; border-radius: 6px; } @@ -732,7 +727,7 @@ } .markdown-body .highlight { - margin-bottom: 16px; + margin-bottom: 1rem; } .markdown-body .highlight pre { @@ -742,7 +737,7 @@ .markdown-body .highlight pre, .markdown-body pre { - padding: 16px; + padding: 1rem; overflow: auto; font-size: 85%; line-height: 1.45; @@ -775,7 +770,7 @@ } .markdown-body .csv-data .blob-num { - padding: 10px 8px 9px; + padding: 10px 0.5rem 9px; text-align: right; background: #ffffff; border: 0; @@ -801,18 +796,18 @@ .markdown-body .footnotes { font-size: 12px; - color: #636c76; - border-top: 1px solid #d0d7de; + color: #59636e; + border-top: 1px solid #d1d9e0; } .markdown-body .footnotes ol { - padding-left: 16px; + padding-left: 1rem; } .markdown-body .footnotes ol ul { display: inline-block; - padding-left: 16px; - margin-top: 16px; + padding-left: 1rem; + margin-top: 1rem; } .markdown-body .footnotes li { @@ -821,10 +816,10 @@ .markdown-body .footnotes li:target::before { position: absolute; - top: -8px; - right: -8px; - bottom: -8px; - left: -24px; + top: calc(0.5rem*-1); + right: calc(0.5rem*-1); + bottom: calc(0.5rem*-1); + left: calc(1.5rem*-1); pointer-events: none; content: ""; border: 2px solid #0969da; @@ -840,7 +835,7 @@ } .markdown-body .pl-c { - color: #57606a; + color: #59636e; } .markdown-body .pl-c1, @@ -855,7 +850,7 @@ .markdown-body .pl-smi, .markdown-body .pl-s .pl-s1 { - color: #24292f; + color: #1f2328; } .markdown-body .pl-ent { @@ -913,12 +908,12 @@ .markdown-body .pl-mi { font-style: italic; - color: #24292f; + color: #1f2328; } .markdown-body .pl-mb { font-weight: bold; - color: #24292f; + color: #1f2328; } .markdown-body .pl-md { @@ -937,7 +932,7 @@ } .markdown-body .pl-mi2 { - color: #eaeef2; + color: #d1d9e0; background-color: #0550ae; } @@ -947,11 +942,11 @@ } .markdown-body .pl-ba { - color: #57606a; + color: #59636e; } .markdown-body .pl-sg { - color: #8c959f; + color: #818b98; } .markdown-body .pl-corl { @@ -1014,12 +1009,12 @@ vertical-align: middle; } -.markdown-body .contains-task-list:dir(rtl) .task-list-item-checkbox { +.markdown-body ul:dir(rtl) .task-list-item-checkbox { margin: 0 -1.6em .25em .2em; } -.markdown-body .contains-task-list { - position: relative; +.markdown-body ol:dir(rtl) .task-list-item-checkbox { + margin: 0 -1.6em .25em .2em; } .markdown-body .contains-task-list:hover .task-list-item-convert-container, @@ -1039,7 +1034,7 @@ padding: 0.5rem 1rem; margin-bottom: 1rem; color: inherit; - border-left: .25em solid #d0d7de; + border-left: .25em solid #d1d9e0; } .markdown-body .markdown-alert>:first-child { @@ -1074,7 +1069,7 @@ } .markdown-body .markdown-alert.markdown-alert-warning { - border-left-color: #bf8700; + border-left-color: #9a6700; } .markdown-body .markdown-alert.markdown-alert-warning .markdown-alert-title { @@ -1099,4 +1094,4 @@ .markdown-body>*:first-child>.heading-element:first-child { margin-top: 0 !important; -} \ No newline at end of file +}