JSFiddle - React, Tailwind, and code Playground

by zio_tom78

HTML

<title>Nimrod Manual</title>
<body>
<div class="document" id="documentId">
<h1 class="title">Nimrod Manual</h1>
<div class="navigation" id="navigation">
<ul class="simple">
<li><a class="reference" id="about-this-document_toc" href="#about-this-document">About this document</a></li>
<li><a class="reference" id="definitions_toc" href="#definitions">Definitions</a></li>
<li><a class="reference" id="lexical-analysis_toc" href="#lexical-analysis">Lexical Analysis</a></li>
<ul class="simple"><li><a class="reference" id="encoding_toc" href="#encoding">Encoding</a></li>
<li><a class="reference" id="indentation_toc" href="#indentation">Indentation</a></li>
<li><a class="reference" id="comments_toc" href="#comments">Comments</a></li>
<li><a class="reference" id="identifiers-keywords_toc" href="#identifiers-keywords">Identifiers &amp; Keywords</a></li>
<li><a class="reference" id="string-literals_toc" href="#string-literals">String literals</a></li>
<li><a class="reference" id="triple-quoted-string-literals_toc" href="#triple-quoted-string-literals">Triple quoted string literals</a></li>
<li><a class="reference" id="raw-string-literals_toc" href="#raw-string-literals">Raw string literals</a></li>
<li><a class="reference" id="generalized-raw-string-literals_toc" href="#generalized-raw-string-literals">Generalized raw string literals</a></li>
<li><a class="reference" id="character-literals_toc" href="#character-literals">Character literals</a></li>
<li><a class="reference" id="numerical-constants_toc" href="#numerical-constants">Numerical constants</a></li>
<li><a class="reference" id="operators_toc" href="#operators">Operators</a></li>
<li><a class="reference" id="other-tokens_toc" href="#other-tokens">Other tokens</a></li>
</ul><li><a class="reference" id="syntax_toc" href="#syntax">Syntax</a></li>
<ul class="simple"><li><a class="reference" id="relevant-character_toc" href="#relevant-character">Relevant character</a></li>
<li><a class="reference" id="associativity_toc"...

CSS

table.docutils{border:0px;background:#d9d2ce;margin-top:1em;margin-bottom:1em}table.docutils th,table.docutils td{border:0px;text-align:left;padding:0.2em;padding-left:0.5em;padding-right:0.5em}table.docutils th{color:silver;background:#4d423e;margin:0}span.DecNumber{color:blue}span.BinNumber{color:blue}span.HexNumber{color:blue}span.OctNumber{color:blue}span.FloatNumber{color:blue}span.Identifier{color:black}span.Keyword{font-weight:bold}span.StringLit{color:blue}span.LongStringLit{color:blue}span.CharLit{color:blue}span.EscapeSequence{color:black}span.Operator{color:black}span.Punctuation{color:black}span.Comment,span.LongComment{font-style:italic;color:#44744f}span.RegularExpression{color:DarkViolet}span.TagStart{color:DarkViolet}span.TagEnd{color:DarkViolet}span.Key{color:blue}span.Value{color:black}span.RawData{color:blue}span.Assembler{color:blue}span.Preprocessor{color:DarkViolet}span.Directive{color:DarkViolet}span.Command,span.Rule,span.Hyperlink,span.Label,span.Reference,span.Other{color:#000}*{margin:0;padding:0}html{font-family:'Lato', sans-serif}h1.title{margin:0;padding:1em;color:white;text-align:right;background:#4d423e;display:table-caption;caption-side:top;text-shadow:2px 2px 2px #39302d}h1{font-weight:bold;margin-top:2em;margin-bottom:1em}h2{margin-top:2em;margin-bottom:1em}blockquote{font-style:italic}pre{padding:0.5em;line-height:1.6;margin-top:1.5em;margin-bottom:1.5em;border-style:solid;border-radius:0.5em;border-spacing:1em;border-width:1px;border-color:#4d423e;background:#d9d2ce;font-family:Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", Monaco, "Courier New", Courier,...