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

minor tweaks

Browse Source
This commit is contained in:
Sindre Sorhus 2014-05-07 21:17:18 +02:00
parent 9a801043e4
commit 6981d6254d
2 changed files with 10 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
index.html
View File

@ -7,10 +7,10 @@
<link rel="stylesheet" href="github-markdown.css">
<style>
body {
min-width: 200px !important;
max-width: 790px !important;
margin: 0 auto !important;
padding: 20px !important;
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
}
</style>
</head>

9
readme.md
View File

@ -1,4 +1,4 @@
# github-markdown-css [![Build Status](https://travis-ci.org/sindresorhus/github-markdown-css.svg?branch=master)](https://travis-ci.org/sindresorhus/github-markdown-css)
# github-markdown-css [![Build Status](https://travis-ci.org/sindresorhus/github-markdown-css.svg?branch=gh-pages)](https://travis-ci.org/sindresorhus/github-markdown-css)
> The minimal amount of CSS to replicate the GitHub Markdown style
@ -31,13 +31,16 @@ $ component install sindresorhus/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 `720px` as width.
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.
```html
<link rel="stylesheet" href="github-markdown.css">
<style>
.markdown-body {
width: 720px;
min-width: 200px;
max-width: 790px;
margin: 0 auto;
padding: 30px;
}
</style>
<article class="markdown-body">