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
Copyright (c) 2014-2016 Hiroyuki Tanjo. Licensed under the MIT License.