JSFiddle - React, Tailwind, and code Playground

by davestein

HTML

<!doctype html>
<html><head>
        <title>console</title>
        <style>
#dbg { position: absolute; top: 0; left: 350px; }

/*regex*/        .token.t-1 { color: green; }
/*identifier*/    .token.t-2 { color: black; }
/*keyword*/        .token.t-2.keyword { color: blue; }
/*number hex*/    .token.t-3 { color: green; }
/*number dec*/    .token.t-4 { color: green; }
/*stringsingle*/.token.t-5 { color: green; }
/*stringdouble*/.token.t-6 { color: green; }
/*commentsingl*/.token.t-7 { color: #c1ad3e; }
/*commentdoubl*/.token.t-8 { color: grey; }
/*whitespace*/    .token.t-9 { border-bottom: 1px solid #eee; }
/*lineterminat*/.token.t-10 { background-color: lightblue; }
/*punctuator*/    .token.t-11 { color: orange; }
.token-error { background-color: red; color: white; }

.token.lead-value { text-decoration: underline; font-weight: 900; }
.token.is-browser { text-decoration: none; color: orange; }
.token.var-name-decl.is-browser { text-decoration: line-through; background-color: orange; color: black; }
.token.is-ecma { text-decoration: none; color: pink; }
.token.var-name-decl.is-ecma { text-decoration: line-through; background-color: orange; color: black; }

.token.var-lookup-depth-1 { text-decoration: none; }
.token.var-lookup-depth-2 { background-color: rgba(255,255,0, 0.1); text-decoration: none; }
.token.var-lookup-depth-3 { background-color: rgba(255,255,0, 0.2); text-decoration: none; }
.token.var-lookup-depth-4 { background-color: rgba(255,255,0, 0.3); text-decoration: none; }
.token.var-lookup-depth-5 { background-color: rgba(255,255,0, 0.4); text-decoration: none; }
.token.var-lookup-depth-6 { background-color: rgba(255,255,0, 0.5); text-decoration: none; }
.token.var-lookup-depth-7 { background-color: rgba(255,255,0, 0.6); text-decoration: none; }
.token.var-lookup-depth-8 { background-color: rgba(255,255,0, 0.7); text-decoration: none; }
.token.var-lookup-depth-9 { background-color: rgba(255,255,0, 0.8); text-decoration: none; }
.token.var-lookup-depth-x...