githubish.css

Tiny CSS for GitHub-ish Markdown styles.

Demo

Overview

This CSS arranges plain HTML as GitHub style Markdown document.
githubish.css is based on github-markdown-css, but designed for non-classed HTML.

github-markdown-css:

Needs wrapper element with .markdown-body class.
Supports every style including GitHub doc extensions: e.g. anchor, syntax highlighting, ...

githubish.css:

Works on plain HTML without any classes.
Only contains styles for pure HTML elements generated from Markdown.

Both libraries are generated automatically using the production code of GitHub.

Downloads

githubish.css / minified
980px centered layout with borders. Similar to README document in GitHub.
githubish-fluid.css / minified
100% fluid width. This is suitable for generic document.

Or install with package manager: npm, Bower

$ npm install --save githubish

$ bower install --save githubish

Usage

Just import "githubish.css" to your HTML.

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Document</title>
    <link rel="stylesheet" href="githubish.css">
  </head>
  <body>
    <h1>Github-ish Markdown</h1>
    <p>Write your document here!</p>
  </body>
</html>

Build

Generate CSS files from the latest GitHub's stylesheets.

$ npm install
$ npm run build

# Output CSS files into "dist" folder.

License