markdown theme standard style, using less (for haroopad)
CSS HTML JavaScript
Latest commit ab40248 Jun 25, 2016 @rhiokim committed on GitHub Merge pull request #7 from hikouki/master
Integrate into the build task by npm.

README.md

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