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
87 Commits 1 Branch 46 Tags 651 KiB
CSS 53.1%
HTML 46.9%
cca2f0ebc0
Go to file
Matt Sephton cca2f0ebc0 various fixes 
removed duplicate line-height definition in .markdown-body
removed Roboto font reference
table width
table cell line-height
table cell padding
2016-11-25 10:01:23 +00: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 various fixes 2016-11-25 10:01:23 +00:00
index.html Close #22 PR: Fix octicons issue & More comprehensive demo page. 2016-01-09 16:39:53 +01:00
license init 2014-05-07 20:25:28 +02:00
package.json 2.4.1 2016-09-22 23:39:31 +07:00
readme.md change generation command name 2016-01-23 13:15:24 +01:00

readme.md

github-markdown-css

The minimal amount of CSS to replicate the GitHub Markdown style

Demo

Install

Download manually or with npm:

$ npm 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 980px width and 45px padding.

<link rel="stylesheet" href="github-markdown.css">
<style>
	.markdown-body {
		box-sizing: border-box;
		min-width: 200px;
		max-width: 980px;
		margin: 0 auto;
		padding: 45px;
	}
</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 make to update the CSS.

License

MIT © Sindre Sorhus