StarMirror/github-markdown-css
1
0
Fork 0
mirror of https://github.com/sindresorhus/github-markdown-css.git synced 2024-03-22 13:10:53 +08:00
Code Issues Projects Releases Wiki Activity
The minimal amount of CSS to replicate the GitHub Markdown style
66 Commits 1 Branch 46 Tags 651 KiB
CSS 53.1%
HTML 46.9%
5c797a57e8
Go to file
Sindre Sorhus 5c797a57e8 2.0.10
2015-09-02 14:21:34 +07:00
.editorconfig tweaks 2014-08-19 01:14:43 +02:00
.gitattributes init 2014-05-07 20:25:28 +02:00
.gitignore init 2014-05-07 20:25:28 +02:00
bower.json extract CSS generation into a separate module 2014-11-27 21:54:24 +07:00
github-markdown.css regenerate github css 2015-09-02 14:21:25 +07:00
index.html regenerate github css 2015-04-15 12:56:20 +07:00
license init 2014-05-07 20:25:28 +02:00
package.json 2.0.10 2015-09-02 14:21:34 +07:00
readme.md regenerate github css 2014-11-27 22:41:09 +07:00

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