JSFiddle - React, Tailwind, and code Playground

by krish reddy

JavaScript

(function($, Core) {
  Core.once(":ready", function(body) {
    initHeadroom(body);
  });
  function initHeadroom(body) {
    var header = body.find("header[role=banner].headroom");
    if (header.length) {
      if (body.hasClass("admin-bar")) {
        body.addClass("alt-wpadminbar-fixed");
      }
      header.addClass("sv-notransition");
      var screenWidth = 0;
      var topContact = body.find("#sv-top-contact");
      var navLogo = header.find("> .container > .nav-logo");
      var logoAlign = navLogo.data("align");
      var logo = navLogo.find("> .logo");
      var navItems = navLogo.find("> ul.navigation > li > a");
      var logoImg = logo.find("img");
      var padding = logo.data("padding");
      var mobilePadding = logo.data("mobile-padding");
      var spacer = $('<div id="sv-header-spacer"></div>');
      var offset = header.data("headroom-offset") || 300;
      var isCentered = logoAlign === "center";
      var enableTransitions = function() {
        logo.removeClass("sv-notransition");
        logoImg.removeClass("sv-notransition");
      };
      var disableTransitions = function() {
        logo.addClass("sv-notransition");
        logoImg.addClass("sv-notransition");
      };
      disableTransitions();
      var offsetHeight = function() {
        return 0;
      };
      var ph = 0;
      var updateSpacerHeight = function() {
        var h = header.outerHeight();
        if (h != ph) {
          spacer.height(ph = h);
        }
      };
      Core.on("scroll", updateSpacerHeight);
      var currentPauseCallback, currentResizeCallback;
      var setPausedClass = function(y, h) {
        header[y >= h ? "removeClass" : "addClass"]("headroom--paused");
      };
      new imagesLoaded(logoImg).once("always", function() {
        var headroom = Core.browser.isIE(9) ? null : new Headroom(header.get(0), {
          tolerance: 10,
          offset: offset
        });
        var logoWidth = logoImg.data("width");
        var logoHeight =...