Githubish.css

Tiny CSS for GitHub-ish Markdown styles

Generate Convert Improve

Install / Use

/learn @htanjo/Githubish.css

About this skill

Quality Score

0/100

README

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

Related Skills

node-connect

347.0k

Diagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps

frontend-design

107.8k

Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.

openai-whisper-api

347.0k

Transcribe audio via OpenAI Audio Transcriptions API (Whisper).

qqbot-media

347.0k

QQBot 富媒体收发能力。使用 <qqmedia> 标签，系统根据文件扩展名自动识别类型（图片/语音/视频/文件）。