Sha256: 3b2c49e8fb27f899bf0137ee9bd2dec0deb11b63fca5df27cfd62d57b0be8a4b
Contents?: true
Size: 804 Bytes
Versions: 24
Compression:
Stored size: 804 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('click', () => {
// 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
24 entries across 24 versions & 1 rubygems