Skip to content

Commit

Permalink
update to new GitHub readme width
Browse files Browse the repository at this point in the history
  • Loading branch information
sindresorhus committed Dec 6, 2015
1 parent ac2b917 commit 2120fb4
Show file tree
Hide file tree
Showing 3 changed files with 10 additions and 12 deletions.
5 changes: 3 additions & 2 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,10 +7,11 @@
<link rel="stylesheet" href="github-markdown.css">
<style>
body {
box-sizing: border-box;
min-width: 200px;
max-width: 790px;
max-width: 980px;
margin: 0 auto;
padding: 30px;
padding: 45px;
}
</style>
</head>
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"author": {
"name": "Sindre Sorhus",
"email": "sindresorhus@gmail.com",
"url": "http://sindresorhus.com"
"url": "sindresorhus.com"
},
"engines": {
"node": ">=0.10.0"
Expand Down
15 changes: 6 additions & 9 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,29 +9,26 @@

## Install

Download [manually](https://raw.githubusercontent.com/sindresorhus/github-markdown-css/gh-pages/github-markdown.css) or with a package-manager.
Download [manually](https://raw.githubusercontent.com/sindresorhus/github-markdown-css/gh-pages/github-markdown.css) or with npm:

```sh
$ npm install --save github-markdown-css
```

```sh
$ bower install --save github-markdown-css
$ 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 `790px` width and `30px` padding.
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.

```html
<link rel="stylesheet" href="github-markdown.css">
<style>
.markdown-body {
box-sizing: border-box;
min-width: 200px;
max-width: 790px;
max-width: 980px;
margin: 0 auto;
padding: 30px;
padding: 45px;
}
</style>
<article class="markdown-body">
Expand Down

0 comments on commit 2120fb4

Please sign in to comment.