JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<pre>
The content of http://fiddle.jshell.net/d5rcD/show_css/ is:

@hello: red;

.panel {
    > .control {
        color: @hello;
    }
}
</pre>
<hr />

<div class="panel"><div class="control">It works.</div></div>

<hr />
<pre id="theCSSGeneratedByLESS">The CSS generated by LESS is:

</pre>

CSS

</style>

<link rel="stylesheet/less" type="text/css" href="http://fiddle.jshell.net/zBsBs/show_css/">
<script src="http://lesscss.googlecode.com/files/less-1.1.5.min.js" type="text/javascript"></script>

<style>

JavaScript

document.getElementById('theCSSGeneratedByLESS').innerHTML += document.getElementsByTagName('style')[1].innerHTML;