JSFiddle - React, Tailwind, and code Playground

by Anshuman Dwibhashi

HTML

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
<br/>
<center> <a href="#" class="demo">View Demo</a>
&nbsp;&nbsp;&nbsp; <a href="#" class="demo">View Code</a>

    <br/>
    <br/> </center><pre class="prettyprint stroniapretty">function doSomething(){
    // This is a comment
    var someVariable = "This is a string";
    alert(someVariable + "!!!");
}</pre>

CSS

@import url(http://fonts.googleapis.com/css?family=Roboto:900);
 .demo {
    font-family:"Roboto", Sans-Serif;
    font-size:20px;
    border:4px solid rgba(3, 3, 3, 0.75);
    color:rgba(3, 3, 3, 0.75);
    border-radius:3px;
    background-color:rgb(255, 255, 255);
    outline:none;
    text-decoration:none;
    padding:5px 15px;
    -webkit-transition:background-color 0.5s, color 0.5s;
}
.demo:hover {
    background-color:rgba(3, 3, 3, 0.75);
    color:rgb(255, 255, 255);
    cursor:pointer;
}
.stroniapretty {
    padding:10px !important;
    border:none !important;
    border-left:3px solid orange !important;
    background:linear-gradient(#DDDDDD, #EEEEEE);
}