8000 minor tweaks · moander/github-markdown-css@6981d62 · GitHub
[go: up one dir, main page]

Skip to content

Commit 6981d62

Browse files
committed
minor tweaks
1 parent 9a80104 commit 6981d62

File tree

2 files changed

+10
-7
lines changed

2 files changed

+10
-7
lines changed

index.html

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,10 +7,10 @@
77
<link rel="stylesheet" href="github-markdown.css">
88
<style>
99
body {
10-
min-width: 200px !important;
11-
max-width: 790px !important;
12-
margin: 0 auto !important;
13-
padding: 20px !important;
10+
min-width: 200px;
11+
max-width: 790px;
12+
margin: 0 auto;
13+
padding: 30px;
1414
}
1515
</style>
1616
</head>

readme.md

Lines changed: 6 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
# github-markdown-css [![Build Status](https://travis-ci.org/sindresorhus/github-markdown-css.svg?branch=master)](https://travis-ci.org/sindresorhus/github-markdown-css)
1+
# 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)
22

33
> The minimal amount of CSS to replicate the GitHub Markdown style
44
@@ -31,13 +31,16 @@ $ component install sindresorhus/github-markdown-css
3131

3232
## Usage
3333

34-
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.
34+
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.
3535

3636
```html
3737
<link rel="stylesheet" href="github-markdown.css">
3838
<style>
3939
.markdown-body {
40-
width: 720px;
40+
min-width: 200px;
41+
max-width: 790px;
42+
margin: 0 auto;
43+
padding: 30px;
4144
}
4245
</style>
4346
<article class="markdown-body">

0 commit comments

Comments
 (0)
0