JSFiddle - React, Tailwind, and code Playground

by klenwell

HTML

<link rel="stylesheet" href="https://rawgit.com/chapmanu/cascade-assets/de35de339a23d6e01f0b7ec8f1f3561c40c1fe7b/build/omninav/static/omni-nav.min.css">
<script src="https://rawgit.com/chapmanu/cascade-assets/de35de339a23d6e01f0b7ec8f1f3561c40c1fe7b/build/omninav/static/omni-nav.min.js"></script>
<!-- Source: https://github.com/chapmanu/cascade-assets/blob/de35de339a23d6e01f0b7ec8f1f3561c40c1fe7b/build/omninav/static/omni-nav.html -->
<!-- OmniNav Build Version: 2.0.0.20170320.153953 -->

<!-- OmniNav NavBar -->
<div id="cu_nav" class="omninav-builder use-transitions">

  <!-- Logo Block -->
  <a class="cu-logo" href="https://www.chapman.edu/" title="Chapman University Website Home Page">
    <svg xmlns="http://www.w3.org/2000/svg" id="chapman_logo" data-name="Layer 1" viewBox="0 0 273.58 28.08">
      <defs>
        <style>
          .cls-1 {
            fill: #98002e;
          }
          
          .cls-2 {
            fill: #231f20;
          }

        </style>
      </defs>
      <title>Chapman Horizontal Color</title>
      <g>
        <g>
          <polygon class="cls-1" points="13.04 14.46 0 27.49 0 14.46 13.04 14.46" />
          <polygon class="cls-1" points="0 13.62 0 0.59 13.04 13.62 0 13.62" />
          <polygon class="cls-1" points="27.49 0 14.46 13.03 14.46 0 27.49 0" />
          <polygon class="cls-1" points="13.62 13.03 0.59 0 13.62 0 13.62 13.03" />
          <polygon class="cls-1" points="15.05 13.62 28.08 0.59 28.08 13.62 15.05 13.62" />
          <polygon class="cls-1" points="28.08 14.46 28.08 27.49 15.05 14.46 28.08 14.46" />
          <polygon class="cls-1" points="13.62 15.05 0.59 28.08 13.62 28.08 13.62 15.05" />
          <polygon class="cls-1" points="14.46 15.05 14.46 28.08 27.49 28.08 14.46 15.05" />
        </g>
        <g>
          <path class="cls-2"...

CSS

/* See linked omni-nav.min.css stylesheet */

div.content {
  padding: 1em;
}

JavaScript

/* See linked omni-nav.min.css script file */