Unicorns
All the things
sindresorhus/ github-markdown-css
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
5.8K Stars 
1.8K Forks 
MIT License 
114 Commits 
4 Opened issues 
Description
The minimal amount of CSS to replicate the GitHub Markdown style
Services available
Contributors list
Readme
github-markdown-css
The minimal amount of CSS to replicate the GitHub Markdown style
The CSS is generated. Contributions should go to this repo.
Demo
Install
Download manually, from CDNJS, or with npm:
$ npm install github-markdown-css
Usage
Import the
github-markdown.cssfile and add a
markdown-bodyclass to the container of your rendered Markdown and set a width for it. GitHub uses
980pxwidth and
45pxpadding, and
15pxpadding for mobile.
If you want code syntax highlighted, use GitHub Flavored Markdown rendered from GitHub's
/markdownAPI.
There are 3 themes provided in this package:
-
github-markdown.css: (default) Automatically switches between light and dark through
@media (prefers-color-scheme)
. - github-markdown-light.css: Light-only.
- github-markdown-dark.css: Dark-only.
You may know that now GitHub supports more than 2 themes including
dark_dimmed,
dark_high_contrastand
colorblindvariants. If you want to try these themes, you can generate them on your own! See next section.
How
generate-github-markdown-cssfor how it's generated and ability to generate your own.
Dev
Run
npm run maketo update the CSS.