bit-docs-prettify/prettify.less module

Layout of code wells and syntax highlighting of code languages.

Syntax highlighting and colors provided by JavaScript code prettifier and Tomorrow Theme.

Code "wells" are styled based on the use of the <pre> and <code> tags around your desired code example.

Below are examples in a few of the supported languages.

HTML

<pre>
  <code>
    <div class="example"><!--with a comment -->
      <h1>example</h1>
      <p>this is some example code that is being styled.</p>
    </div>
  </code>
</pre>

JavaScript

 var foo = require('f'),
     bar = require('br'),
     writefile = f.denodify(br.writefile),
     path = require('path');
 
 module.exports = function(littlepromise, options){
    return littlepromise.then(function(little){
      return writefile(
          path.join(options.dest,'little.json'),
          json.stringify(little) );
    });
 };

JSON

 {
   "sites": {
     "docs": {
       "key" : "value"
     }
   }
 }