JSFiddle - React, Tailwind, and code Playground

by chrismichaelscott

HTML

<script src="http://chrisscott.org/wp-content/themes/tightWeave/javascript/prefixfree.min.js"></script>
<code>
    // This is silly example code, not relevant to the post!<br />
    var numberHidden = 0;<br />
    $('li').each(function() {<br />
    &nbsp;&nbsp;if ($(this).is('.disabled')) {<br />
    &nbsp;&nbsp;&nbsp;&nbsp;$(this).slideUp();<br />
    &nbsp;&nbsp;&nbsp;&nbsp;numberHidden++;<br />
    &nbsp;&nbsp;}<br />
    }<br />
    console.log('hid ' + numberHidden + ' elements');
</code>

CSS

code {
    background-image: repeating-linear-gradient(whitesmoke 0em, whitesmoke 1.2em, white 1.2em, white 2.4em);
    border-radius: 2px;
    box-shadow: 0 0 2px black;
    line-height: 1.2em;
    margin: 12px;
    padding: 1.2em 0 1.2em 20px;
    position: absolute;
}