Sha256: 0bb42e22bd2c392b7fc03e8461d065372e215f0ce1aa1f20ebbbf290bd83f831

Contents?: true

Size: 809 Bytes

Versions: 17

Compression:

Stored size: 809 Bytes

Contents

const navSlide = ()=>{
  const burger = document.querySelector('.burger');
  const brand = document.querySelector('.nav-brand');
  const navSlider = document.querySelector('.nav-list');
  const navLinks = document.querySelectorAll('.nav-link');
  const navBar = document.querySelector('.navbar');

  // watch for touch clicks on the burger
  burger.addEventListener('touchstart', () => {
    // animate accordinaly
    navSlider.classList.toggle('nav-active');
    brand.classList.toggle('site__logo-active');
    burger.classList.toggle('burger-active');
    navLinks.forEach((link, index) => {
      if ( link.style.animation ) {
        link.style.animation = ``
      } else {
        link.style.animation = `navLinksFade 0.25s ease-in forwards ${index / 50 + 0.3 }s`
      }
    });
  });
}

navSlide();

Version data entries

17 entries across 17 versions & 1 rubygems

Version Path
slow-steps-0.3.2 assets/js/mobile-nav-slider.js
slow-steps-0.3.1 assets/js/mobile-nav-slider.js
slow-steps-0.3.0 assets/js/mobile-nav-slider.js
slow-steps-0.2.1 assets/js/mobile-nav-slider.js
slow-steps-0.2.0 assets/js/mobile-nav-slider.js
slow-steps-0.1.13 assets/js/mobile-nav-slider.js
slow-steps-0.1.12 assets/js/mobile-nav-slider.js
slow-steps-0.1.11 assets/js/mobile-nav-slider.js
slow-steps-0.1.10 assets/js/mobile-nav-slider.js
slow-steps-0.1.9 assets/js/mobile-nav-slider.js
slow-steps-0.1.8 assets/js/mobile-nav-slider.js
slow-steps-0.1.7 assets/js/mobile-nav-slider.js
slow-steps-0.1.6 assets/js/mobile-nav-slider.js
slow-steps-0.1.5 assets/js/mobile-nav-slider.js
slow-steps-0.1.4 assets/js/mobile-nav-slider.js
slow-steps-0.1.3 assets/js/mobile-nav-slider.js
slow-steps-0.1.2 assets/js/mobile-nav-slider.js