Created
September 13, 2021 05:08
-
-
Save KeiSugiyasu/5abb96dd5cbf18b395bd53604e109052 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* Pandoc default css start */ | |
html { | |
line-height: 1.5; | |
font-family: Georgia, serif; | |
font-size: 20px; | |
color: #1a1a1a; | |
background-color: #fdfdfd; | |
} | |
body { | |
margin: 0 auto; | |
max-width: 900px; | |
padding-left: 50px; | |
padding-right: 50px; | |
padding-top: 50px; | |
padding-bottom: 50px; | |
hyphens: auto; | |
word-wrap: break-word; | |
text-rendering: optimizeLegibility; | |
font-kerning: normal; | |
} | |
@media (max-width: 600px) { | |
body { | |
font-size: 0.9em; | |
padding: 1em; | |
} | |
} | |
@media print { | |
body { | |
background-color: transparent; | |
color: black; | |
font-size: 12pt; | |
} | |
p, h2, h3 { | |
orphans: 3; | |
widows: 3; | |
} | |
h2, h3, h4 { | |
page-break-after: avoid; | |
} | |
} | |
p { | |
margin: 1em 0; | |
} | |
a { | |
color: #1a1a1a; | |
} | |
a:visited { | |
color: #1a1a1a; | |
} | |
img { | |
max-width: 100%; | |
} | |
h1, h2, h3, h4, h5, h6 { | |
margin-top: 1.4em; | |
} | |
h5, h6 { | |
font-size: 1em; | |
font-style: italic; | |
} | |
h6 { | |
font-weight: normal; | |
} | |
ol, ul { | |
padding-left: 1.7em; | |
margin-top: 1em; | |
} | |
li > ol, li > ul { | |
margin-top: 0; | |
} | |
blockquote { | |
margin: 1em 0 1em 1.7em; | |
padding-left: 1em; | |
border-left: 2px solid #e6e6e6; | |
color: #606060; | |
} | |
code { | |
font-family: Menlo, Monaco, 'Lucida Console', Consolas, monospace; | |
font-size: 85%; | |
margin: 0; | |
} | |
pre { | |
margin: 1em 0; | |
overflow: auto; | |
} | |
pre code { | |
padding: 0; | |
overflow: visible; | |
} | |
.sourceCode { | |
background-color: transparent; | |
overflow: visible; | |
} | |
hr { | |
background-color: #1a1a1a; | |
border: none; | |
height: 1px; | |
margin: 1em 0; | |
} | |
table { | |
margin: 1em 0; | |
border-collapse: collapse; | |
width: 100%; | |
overflow-x: auto; | |
display: block; | |
font-variant-numeric: lining-nums tabular-nums; | |
} | |
table caption { | |
margin-bottom: 0.75em; | |
} | |
tbody { | |
margin-top: 0.5em; | |
border-top: 1px solid #1a1a1a; | |
border-bottom: 1px solid #1a1a1a; | |
} | |
th { | |
border-top: 1px solid #1a1a1a; | |
padding: 0.25em 0.5em 0.25em 0.5em; | |
} | |
td { | |
padding: 0.125em 0.5em 0.25em 0.5em; | |
} | |
header { | |
margin-bottom: 4em; | |
text-align: center; | |
} | |
#TOC li { | |
list-style: none; | |
} | |
#TOC a:not(:hover) { | |
text-decoration: none; | |
} | |
code{white-space: pre-wrap;} | |
span.smallcaps{font-variant: small-caps;} | |
span.underline{text-decoration: underline;} | |
div.column{display: inline-block; vertical-align: top; width: 50%;} | |
div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;} | |
ul.task-list{list-style: none;} | |
.display.math{display: block; text-align: center; margin: 0.5rem auto;} | |
/* Pandoc default css end */ | |
/* Custom css start */ | |
body { | |
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji; | |
font-size: 14px; | |
} | |
pre { | |
background-color: rgb(246, 248, 250); | |
padding: 16px; | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Using pandoc, following is a sample code using docker. | |
$ docker run --rm --volume "`pwd`:/data" --user `id -u`:`id -g` pandoc/core --css=readme/readme.css --metadata title="README" -s --self-contained README.md -o readme/build/README.html | |
readme.css is attached. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment