sindresorhus/github-markdown-css
Github Markdown Css
The minimal amount of CSS to replicate the GitHub Markdown style
Features
- GitHub Flavored Renderers - Ships a CSS stylesheet that replicates GitHub's visual rendering of Markdown content for use in any HTML document.
- Semantic HTML Structures - Targets standard Markdown HTML elements like h1, blockquote, and pre to style rendered content directly.
- Markdown Renderers - Formats headings, code blocks, tables, blockquotes, and lists to match GitHub's Markdown appearance.
- List and Table Styling - Provides CSS styling for tables with alignment and zebra stripes, and lists with proper indentation and nesting.
- No-JavaScript Fallbacks - Operates entirely without client-side scripting, relying solely on CSS for all visual effects and interactivity.
- Light and Dark Theme Implementations - Implements light and dark color schemes entirely through CSS custom properties and media queries without JavaScript.
- Light and Dark Theme Systems - Implements light and dark color schemes entirely through CSS custom properties with automatic system preference detection.
- Pre-Compiled Stylesheets - Delivers a pre-built, minified CSS file that requires no build step or runtime processing.
- CSS Class-Based Styling - Provides a single container class to scope all Markdown styles and prevent leakage into surrounding page styles.
- Inline Text Styles - Provides CSS styling for bold, italic, strikethrough, inline code, hyperlinks, and images matching GitHub's typography.
- Syntax Highlighting Compatible Stylesheets - Pairs with a syntax highlighter to reproduce code block appearance inside styled Markdown.
- Code Block Styling - Renders fenced and indented code blocks with monospace formatting and background shading.
- Blockquote Styling - Displays blockquotes with left-border and indentation styling for quoted text.
- Link and Image Styling - Styles hyperlinks and images with color, hover effects, and sizing.
- Syntax Highlighters - Renders fenced and indented code blocks with monospace formatting and syntax highlighting support.
- Compatible Stylesheets - Provides a CSS stylesheet designed to pair with syntax highlighters for reproducing GitHub's code block appearance.
- Table Styling - Formats tables with column alignment, borders, and zebra-stripe row styling.
- Description List Formatting - Renders ordered and unordered lists with proper indentation, nesting, and spacing.
- Heading Styles - Applies heading hierarchy with appropriate font sizes, weights, and spacing.
