The minimal amount of CSS to replicate the GitHub Markdown style
Sindre Sorhus
7fecc37566
2.0.11
|
%!s(int64=9) %!d(string=hai) anos | |
|---|---|---|
| .editorconfig | %!s(int64=10) %!d(string=hai) anos | |
| .gitattributes | %!s(int64=11) %!d(string=hai) anos | |
| .gitignore | %!s(int64=11) %!d(string=hai) anos | |
| bower.json | %!s(int64=10) %!d(string=hai) anos | |
| github-markdown.css | %!s(int64=9) %!d(string=hai) anos | |
| index.html | %!s(int64=10) %!d(string=hai) anos | |
| license | %!s(int64=11) %!d(string=hai) anos | |
| package.json | %!s(int64=9) %!d(string=hai) anos | |
| readme.md | %!s(int64=10) %!d(string=hai) anos |
readme.md
github-markdown-css
The minimal amount of CSS to replicate the GitHub Markdown style
Demo
Install
Download manually or with a package-manager.
$ npm install --save github-markdown-css
$ bower install --save 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 790px width and 30px padding.
<link rel="stylesheet" href="github-markdown.css">
<style>
.markdown-body {
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
}
</style>
<article class="markdown-body">
<h1>Unicorns</h1>
<p>All the things</p>
</article>
How
See generate-github-markdown-css for how it's generated and ability to generate your own.
Dev
Run npm run generate to update the CSS.
License
MIT © Sindre Sorhus