rhiokim / markdown-css

markdown theme standard style, using less (for haroopad)

Home Page:http://rhiokim.github.io/markdown-css

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

introduce

standard markdown style sheets & themes

how to install

$ git clone https://github.com/rhiokim/markdown-css.git
$ cd markdown-css
$ grunt

Running "less:development" (less) task
File build/markdown.css created.
File build/clearness-dark.css created.
File build/clearness.css created.
File build/github.css created.
File build/solarized-dark.css created.
File build/solarized-light.css created.

themes

  • Github
  • Clearness Dark / Light
  • Solarized Dark / Light

how to create your style

light face theme

dark face theme

how use

<link rel="stylesheet" href="assets/css/markdown.css">
<link rel="stylesheet" href="assets/css/[your theme].css">

<body>
  <div class="markdown [your theme]">
    converted html
  </div>
</body>

advanced

import external libraries

structure less of theme

  • before.less
  • theme.less
@import "before";

.theme {
}

@import "after";
  • after.less
  • plugins.less

build

requirements

grunt-cli

npm install grunt-cli -g

license

MIT

About

markdown theme standard style, using less (for haroopad)

http://rhiokim.github.io/markdown-css


Languages

Language:CSS 90.9%Language:HTML 8.1%Language:JavaScript 1.0%