21 lines
634 B
JavaScript
21 lines
634 B
JavaScript
// Mobile menu
|
|
|
|
(function() {
|
|
const menuTrigger = document.querySelector('.menu-trigger');
|
|
const menu = document.querySelector('.menu');
|
|
const mobileQuery =
|
|
getComputedStyle(document.body).getPropertyValue('--phoneWidth');
|
|
const isMobile = () => window.matchMedia(mobileQuery).matches;
|
|
const isMobileMenu = () => {
|
|
menuTrigger && menuTrigger.classList.toggle('hidden', !isMobile());
|
|
menu && menu.classList.toggle('hidden', isMobile());
|
|
};
|
|
|
|
isMobileMenu();
|
|
|
|
menuTrigger &&
|
|
menuTrigger.addEventListener(
|
|
'click', () => menu && menu.classList.toggle('hidden'));
|
|
|
|
window.addEventListener('resize', isMobileMenu);
|
|
})(); |