JSFiddle - React, Tailwind, and code Playground

by Chris LaFrombois

HTML

<span id="incfont">+</span>
<span id="reset">reset</span>
<span id="decfont">-</span>
<div id="interior">

  <h1>
H1 Style
</h1>
  <h2>
h2 Style
</h2>
  <h3>
h3 style
</h3>
  <h4>
h4 style
</h4>
  <h5>
h5 style
</h5>
  <h6>
h6 style
</h6>
  <p class="intro">
    This is some stuff in a paragraph tag.
  </p>

  <p class="content">
    This is the content graph.
  </p>
  <ul>
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
  </ul>
  <ol>
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
    <li>list item</li>
  </ol>
</div>

CSS

span {
  font-size: 24px;
  display: inline-block;
  height: 50px;
  width: 50px;
  cursor: pointer;
  margin-left: 20px;
}

.intro {
  font-size: 19px;
}

JavaScript

/*!
   * JavaScript Cookie v2.1.3
   * https://github.com/js-cookie/js-cookie
   *
   * Copyright 2006, 2015 Klaus Hartl & Fagner Brack
   * Released under the MIT license
   */
  ;
  (function(factory) {
    var registeredInModuleLoader = false;
    if (typeof define === 'function' && define.amd) {
      define(factory);
      registeredInModuleLoader = true;
    }
    if (typeof exports === 'object') {
      module.exports = factory();
      registeredInModuleLoader = true;
    }
    if (!registeredInModuleLoader) {
      var OldCookies = window.Cookies;
      var api = window.Cookies = factory();
      api.noConflict = function() {
        window.Cookies = OldCookies;
        return api;
      };
    }
  }(function() {
    function extend() {
      var i = 0;
      var result = {};
      for (; i < arguments.length; i++) {
        var attributes = arguments[i];
        for (var key in attributes) {
          result[key] = attributes[key];
        }
      }
      return result;
    }

    function init(converter) {
      function api(key, value, attributes) {
        var result;
        if (typeof document === 'undefined') {
          return;
        }

        // Write

        if (arguments.length > 1) {
          attributes = extend({
            path: '/'
          }, api.defaults, attributes);

          if (typeof attributes.expires === 'number') {
            var expires = new Date();
            expires.setMilliseconds(expires.getMilliseconds() + attributes.expires * 864e+5);
            attributes.expires = expires;
          }

          try {
            result = JSON.stringify(value);
            if (/^[\{\[]/.test(result)) {
              value = result;
            }
          } catch (e) {}

          if (!converter.write) {
            value = encodeURIComponent(String(value))
              .replace(/%(23|24|26|2B|3A|3C|3E|3D|2F|3F|40|5B|5D|5E|60|7B|7D|7C)/g, decodeURIComponent);
          } else {
            value = converter.write(value,...