diff --git a/github-markdown-dark.css b/github-markdown-dark.css index df8f2c1..c65130d 100644 --- a/github-markdown-dark.css +++ b/github-markdown-dark.css @@ -3,14 +3,15 @@ color-scheme: dark; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - margin: 0; color: #f0f6fc; background-color: #0d1117; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; - line-height: 1.5; word-wrap: break-word; - scroll-behavior: auto !important; + margin: 0; + min-height: 100vh; + line-height: 1.5; + scroll-behavior: smooth; } .markdown-body .octicon { @@ -133,12 +134,12 @@ } .markdown-body input { - font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit; + font: inherit; } .markdown-body [type=button], @@ -203,6 +204,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -362,7 +364,6 @@ .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } @@ -834,6 +835,10 @@ font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + .markdown-body .pl-c { color: #9198a1; } @@ -1096,3 +1101,31 @@ margin-top: 0 !important; } +.markdown-body ul[role='list'], +.markdown-body ol[role='list'] { + list-style: none; +} + +.markdown-body html[focus-within] { + scroll-behavior: smooth; +} + +.markdown-body html:focus-within { + scroll-behavior: smooth; +} + +.markdown-body a:not([class]) { + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} + +.markdown-body img, +.markdown-body picture { + max-width: 100%; + display: block; +} + +.markdown-body [class^=Primer_Brand__Link-module__Link___]::after { + width: calc(100% - 20px); +} + diff --git a/github-markdown-light.css b/github-markdown-light.css index 6e7ddf3..80b6561 100644 --- a/github-markdown-light.css +++ b/github-markdown-light.css @@ -3,14 +3,15 @@ color-scheme: light; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - margin: 0; color: #1f2328; background-color: #ffffff; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; - line-height: 1.5; word-wrap: break-word; - scroll-behavior: auto !important; + margin: 0; + min-height: 100vh; + line-height: 1.5; + scroll-behavior: smooth; } .markdown-body .octicon { @@ -133,12 +134,12 @@ } .markdown-body input { - font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit; + font: inherit; } .markdown-body [type=button], @@ -203,6 +204,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -362,7 +364,6 @@ .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } @@ -834,6 +835,10 @@ font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + .markdown-body .pl-c { color: #59636e; } @@ -1096,3 +1101,31 @@ margin-top: 0 !important; } +.markdown-body ul[role='list'], +.markdown-body ol[role='list'] { + list-style: none; +} + +.markdown-body html[focus-within] { + scroll-behavior: smooth; +} + +.markdown-body html:focus-within { + scroll-behavior: smooth; +} + +.markdown-body a:not([class]) { + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} + +.markdown-body img, +.markdown-body picture { + max-width: 100%; + display: block; +} + +.markdown-body [class^=Primer_Brand__Link-module__Link___]::after { + width: calc(100% - 20px); +} + diff --git a/github-markdown.css b/github-markdown.css index b7afaa4..257b921 100644 --- a/github-markdown.css +++ b/github-markdown.css @@ -126,14 +126,15 @@ .markdown-body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; - margin: 0; color: var(--fgColor-default); background-color: var(--bgColor-default); font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji"; font-size: 16px; - line-height: 1.5; word-wrap: break-word; - scroll-behavior: auto !important; + margin: 0; + min-height: 100vh; + line-height: 1.5; + scroll-behavior: smooth; } .markdown-body .octicon { @@ -256,12 +257,12 @@ } .markdown-body input { - font: inherit; margin: 0; overflow: visible; font-family: inherit; font-size: inherit; line-height: inherit; + font: inherit; } .markdown-body [type=button], @@ -326,6 +327,7 @@ width: max-content; max-width: 100%; overflow: auto; + font-variant: tabular-nums; } .markdown-body td, @@ -485,7 +487,6 @@ .markdown-body input::-webkit-outer-spin-button, .markdown-body input::-webkit-inner-spin-button { margin: 0; - -webkit-appearance: none; appearance: none; } @@ -957,6 +958,10 @@ font-family: monospace; } +.markdown-body body:has(:modal) { + padding-right: var(--dialog-scrollgutter) !important; +} + .markdown-body .pl-c { color: var(--color-prettylights-syntax-comment); } @@ -1219,3 +1224,31 @@ margin-top: 0 !important; } +.markdown-body ul[role='list'], +.markdown-body ol[role='list'] { + list-style: none; +} + +.markdown-body html[focus-within] { + scroll-behavior: smooth; +} + +.markdown-body html:focus-within { + scroll-behavior: smooth; +} + +.markdown-body a:not([class]) { + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} + +.markdown-body img, +.markdown-body picture { + max-width: 100%; + display: block; +} + +.markdown-body [class^=Primer_Brand__Link-module__Link___]::after { + width: calc(100% - 20px); +} + diff --git a/package.json b/package.json index f33f148..f91fa99 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "github-markdown-css", - "version": "5.7.0", + "version": "5.8.0", "description": "The minimal amount of CSS to replicate the GitHub Markdown style", "license": "MIT", "repository": "sindresorhus/github-markdown-css", @@ -15,9 +15,9 @@ "node": ">=10" }, "scripts": { - "make:light": "github-markdown-css --type light > github-markdown-light.css", - "make:dark": "github-markdown-css --type dark > github-markdown-dark.css", - "make:auto": "github-markdown-css --type auto > github-markdown.css", + "make:light": "github-markdown-css --no-use-fixture --type light > github-markdown-light.css", + "make:dark": "github-markdown-css --no-use-fixture --type dark > github-markdown-dark.css", + "make:auto": "github-markdown-css --no-use-fixture --type auto > github-markdown.css", "make": "npm run make:light && npm run make:dark && npm run make:auto" }, "files": [ @@ -35,6 +35,6 @@ "stylesheet" ], "devDependencies": { - "generate-github-markdown-css": "^6.4.0" + "generate-github-markdown-css": "^6.5.0" } }