JSFiddle - React, Tailwind, and code Playground

by darcyclarke

HTML

<div class="code">
<span class="one">(function(window, document, undefined){<br>
    var App;<br>
    App.cache = {};<br>
    App.subscriptions = {};<br>
    App.init = <span class="two">function(){<br>
    <br>
    &nbsp;&nbsp;&nbsp;&nbsp;var url = <span class="one">window.location</span>,<br>
    
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;run = <span class="three">(function(){<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var _document = <span class="one">window.document;</span><br>
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var hash = <span class="two">url.hash</span>;<br>
&nbsp;&nbsp;&nbsp;&nbsp;})();</span><br>
    <br>
    };</span><br>

    })(<span class="zero">window</span>, <span class="zero">document</span>);</span><br>
</div>

CSS

.code {
  padding: 10px;
  border: 1px solid #ccc; 
  width: 600px;
  margin: 10px auto; 
  display: blockquote;
  font-family: courier;
  font-size: 13px;
  color: #4b4b4b;
  line-height: 18px;
}
.zero {
  color: #4b4b4b;  
}
.one {
    color: #a95700;
}

.two {
 color: #b0017c;   
}

.three {
 color: #0185b0;   
}