Need help with github-markdown-css?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

sindresorhus
5.3K Stars 1.6K Forks MIT License 110 Commits 3 Opened issues

Description

The minimal amount of CSS to replicate the GitHub Markdown style

Services available

!
?

Need anything else?

Contributors list

# 207
node
exec
test-fr...
nextjs
101 commits
# 11,502
React
mermaid
Markdow...
codemir...
1 commit
# 12,106
C++
android...
Google ...
C
1 commit
# 6,531
React
Dart
popper
bitbuck...
1 commit
# 143,568
Shell
Neovim
CSS
Rails
1 commit
# 73,141
PHP
Laravel
paypal
php7
1 commit
# 23,951
algolia...
React
reasonm...
ecmascr...
1 commit
# 3,258
HTML
lodash
bittorr...
express...
1 commit

github-markdown-css

The minimal amount of CSS to replicate the GitHub Markdown style

Demo

Install

Download manually, from CDNJS, or with npm:

$ npm install 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, and
15px
padding for mobile.

Unicorns

All the things

If you want code syntax highlighted, use GitHub Flavored Markdown rendered from GitHub's

/markdown
API.

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.

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.