JSFiddle - React, Tailwind, and code Playground

by rdvornov

HTML

<script src="http://yourjavascript.com/47954112422/basisjs-1-3-template-dev.js"></script>
Buttons shouldn't be red:

<script type="text/basis-template" id="green">
    <b:isolate/>
    <b:style>
        .button
        {
            background: green;
        }
    </b:style>
    <button class="button">
        Green button
    </button>
</script>
<script type="text/basis-template" id="blue">
    <b:isolate/>
    <b:style>
        .button
        {
            background: blue;
        }
    </b:style>
    <button class="button">
        Blue button
    </button>
</script>

CSS

.button
{
    background: red !important;
}

JavaScript

basis.require('basis.template.html');

var green = new basis.template.html.Template('id:green');
var blue = new basis.template.html.Template('id:blue');

document.body.appendChild(green.createInstance().element);
document.body.appendChild(blue.createInstance().element);